fix(web): align dashboard page with current component contracts

Author: Arun-kushwaha007

apps/web/app/dashboard/page.tsx

@@ -1,4 +1,4 @@
-import { ActivityDto, AuthUserDto } from '@fairshare/shared-types';
+import { ActivityDto } from '@fairshare/shared-types';
 
 import { ActivityList, QuickActions, SummaryCard } from '../../src/components/dashboard';
 import { DashboardLayout } from '../../src/components/layout';
@@ -16,52 +16,48 @@ function formatMoney(cents: string | null, currency: string | null): string {
 }
 
 export default async function DashboardPage() {
-  const [me, groups] = await Promise.all([
-    backendFetch<AuthUserDto>('/users/me'),
+  const [groups, recentActivityData, summary] = await Promise.all([
     backendFetch<Group[]>('/groups'),
-  ]);
-
-  const [recentActivityData, summary] = await Promise.all([
     backendFetch<{ items: ActivityDto[] }>('/activity'),
     backendFetch<{ totalBalanceCents: string }>('/groups/summary'),
   ]);
 
   const recentActivity = recentActivityData.items || [];
   const totalBalanceCents = summary.totalBalanceCents;
+  const isPositive = Number(totalBalanceCents) >= 0;
 
   return (
-    <DashboardLayout user={me}>
+    <DashboardLayout>
       <div className="space-y-6">
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+        <div className="grid grid-cols-1 gap-6 md:grid-cols-3">
           <SummaryCard
             title="Total Balance"
-            amount={formatMoney(totalBalanceCents, 'USD')}
-            trend={Number(totalBalanceCents) >= 0 ? 'up' : 'down'}
-            description={Number(totalBalanceCents) >= 0 ? 'You are owed' : 'You owe'}
+            value={formatMoney(totalBalanceCents, 'USD')}
+            hint={isPositive ? 'You are owed overall' : 'You owe overall'}
           />
           <SummaryCard
             title="Active Groups"
-            amount={groups.length.toString()}
-            description="Across all categories"
+            value={groups.length.toString()}
+            hint="Across all categories"
           />
           <QuickActions />
         </div>
 
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+        <div className="grid grid-cols-1 gap-6 lg:grid-cols-3">
           <div className="lg:col-span-2">
             <ActivityList items={recentActivity} groupId="" />
           </div>
           <div>
-            <h2 className="text-xl font-semibold mb-4">Group Balances</h2>
-            <div className="bg-white rounded-xl shadow-sm p-6">
+            <h2 className="mb-4 text-xl font-semibold">Group Balances</h2>
+            <div className="rounded-xl bg-white p-6 shadow-sm">
               {groups.map((group) => (
-                <div key={group.id} className="flex justify-between items-center py-3 border-b last:border-0">
+                <div key={group.id} className="flex items-center justify-between border-b py-3 last:border-0">
                   <span className="font-medium">{group.name}</span>
                   <span className="text-sm text-gray-500">{group.currency}</span>
                 </div>
               ))}
               {groups.length === 0 && (
-                <p className="text-sm text-gray-500 text-center py-4">No active groups yet.</p>
+                <p className="py-4 text-center text-sm text-gray-500">No active groups yet.</p>
               )}
             </div>
           </div>