Add user settings page

src/pages/admin/settings/index.tsx

@@ -1,11 +1,21 @@
 import type { BunextPageModuleMeta } from "@moduletrace/bunext/types";
 import AdminHero from "@/src/components/general/admin-hero";
 import { SiteData } from "@/src/data/site-data";
+import Divider from "@/src/components/twui/layout/Divider";
+import Stack from "@/src/components/twui/layout/Stack";
+import SettingsFormSection from "./(sections)/settings-form-section";
 
 export default function AdminSettingsPage() {
     return (
         <>
-            <AdminHero title="Settings" />
+            <AdminHero
+                title="Settings"
+                description="Manage your account details"
+            />
+            <Divider className="mb-6" />
+            <Stack className="w-full px-6 pb-8 gap-5 items-stretch">
+                <SettingsFormSection />
+            </Stack>
         </>
     );
 }
@@ -13,4 +23,4 @@ export default function AdminSettingsPage() {
 export const meta: BunextPageModuleMeta = {
     title: `Admin Settings | ${SiteData["SiteName"]}`,
     description: `WgUI settings.`,
-};
+};