Add admin dashboard data loading & package dependencies

Removed 'admin-header.tsx' and 'admin-sidebar.tsx' components and added 'admin-dashboard.loader.ts' to handle loading data for the admin dashboard. Updated 'admin-dashboard.tsx' and 'page.tsx' to use this loader. Package dependencies were also updated in 'pnpm-lock.yaml' and 'package.json' files of relevant packages. This commit prioritizes loading dashboard data effectively and managing package dependencies.

apps/web/app/admin/page.tsx

@@ -1,11 +1,14 @@
+import { AdminDashboard } from '@kit/admin/components/admin-dashboard';
 import { PageBody, PageHeader } from '@kit/ui/page';
 
 export default function AdminPage() {
   return (
     <>
-      <PageHeader title={'Admin'} />
+      <PageHeader title={'Admin'} description={`Your SaaS stats at a glance`} />
 
-      <PageBody></PageBody>
+      <PageBody>
+        <AdminDashboard />
+      </PageBody>
     </>
   );
 }

apps/web/package.json

@@ -33,6 +33,8 @@
     "@kit/supabase": "workspace:^",
     "@kit/team-accounts": "workspace:^",
     "@kit/ui": "workspace:^",
+    "@makerkit/data-loader-supabase-core": "0.0.5",
+    "@makerkit/data-loader-supabase-nextjs": "^0.0.7",
     "@marsidev/react-turnstile": "^0.5.4",
     "@radix-ui/react-icons": "^1.3.0",
     "@supabase/ssr": "^0.1.0",