Settings Page

app/dashboard/settings/SettingsPage.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import Sidebar from "@/components/Sidebar";
+
+interface DashboardPageProps {
+    username: string;
+    name: string;
+}
+
+export default function DashboardPage({ username, name }: DashboardPageProps) {    
+    return (
+        <div>
+            <Sidebar 
+                username={username} 
+                fullName={name} 
+                breadcrumbPath={['/', 'Dashboard', 'Settings']}
+            >
+                <main>
+                    <h1 className="text-2xl font-bold">Settings</h1>
+                    <p className="text-sm opacity-70">Manage your instance settings</p>
+
+                    <div className="tabs tabs-border pt-8">
+                        <input type="radio" name="user_settings" className="tab text-primary" aria-label="User Settings" defaultChecked/>
+                        <div className="tab-content bg-base-100 p-10">User Settings</div>
+                    </div>
+
+                </main>
+            </Sidebar>
+        </div>
+    );
+}