WIP: add lifestyle block

app/home/(user)/(dashboard)/page.tsx

@@ -1,5 +1,3 @@
-import { Suspense } from 'react';
-
 import { redirect } from 'next/navigation';
 
 import { toTitleCase } from '@/lib/utils';
@@ -12,11 +10,9 @@ import { createUserAnalysesApi } from '@kit/user-analyses/api';
 import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
+import AIBlocks from '../_components/ai/ai-blocks';
 import Dashboard from '../_components/dashboard';
 import DashboardCards from '../_components/dashboard-cards';
-import Recommendations from '../_components/recommendations';
-import RecommendationsSkeleton from '../_components/recommendations-skeleton';
-import { isValidOpenAiEnv } from '../_lib/server/is-valid-open-ai-env';
 import { loadCurrentUserAccount } from '../_lib/server/load-user-account';
 
 export const generateMetadata = async () => {
@@ -53,16 +49,13 @@ async function UserHomePage() {
       />
       <PageBody>
         <Dashboard account={account} bmiThresholds={bmiThresholds} />
-        {(await isValidOpenAiEnv()) && (
-          <>
-            <h4>
-              <Trans i18nKey="dashboard:recommendations.title" />
-            </h4>
-            <Suspense fallback={<RecommendationsSkeleton />}>
-              <Recommendations account={account} />
-            </Suspense>
-          </>
-        )}
+
+        <h4>
+          <Trans i18nKey="dashboard:recommendations.title" />
+        </h4>
+        <div className="mt-4 grid gap-6 sm:grid-cols-3">
+          <AIBlocks account={account} />
+        </div>
       </PageBody>
     </>
   );