update skeleton

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

@@ -16,6 +16,7 @@ import { withI18n } from '~/lib/i18n/with-i18n';
 import Dashboard from '../_components/dashboard';
 import DashboardCards from '../_components/dashboard-cards';
 import Recommendations from '../_components/recommendations';
+import RecommendationsSkeleton from '../_components/recommendations-skeleton';
 import { loadCurrentUserAccount } from '../_lib/server/load-user-account';
 
 export const generateMetadata = async () => {
@@ -52,7 +53,10 @@ async function UserHomePage() {
       />
       <PageBody>
         <Dashboard account={account} bmiThresholds={bmiThresholds} />
-        <Suspense fallback={<Skeleton className="h-10 w-100" />}>
+        <h4>
+          <Trans i18nKey="dashboard:recommendations.title" />
+        </h4>
+        <Suspense fallback={<RecommendationsSkeleton />}>
           <Recommendations account={account} />
         </Suspense>
       </PageBody>