working on agents.

app/(customer)/dashboard/settings/page.tsx

@@ -1,15 +1,19 @@
 import {PageParams} from "@/types/next";
+import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+
 
 export default async function RoutePage(props: PageParams<{}>) {
 
     return (
-        <div className="flex flex-1 flex-col gap-4 p-4">
-            <div className="grid auto-rows-min gap-4 md:grid-cols-3">
-                <div className="aspect-video rounded-xl bg-muted/50"/>
-                <div className="aspect-video rounded-xl bg-muted/50"/>
-                <div className="aspect-video rounded-xl bg-muted/50"/>
-            </div>
-            <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min"/>
-        </div>
+        <Page>
+            <PageHeader>
+                <PageTitle>
+                    Settings
+                </PageTitle>
+            </PageHeader>
+            <PageContent>
+                content
+            </PageContent>
+        </Page>
     )
 }