feat(user): add user setting page

Author: lazhenyi

src/app/(default)/u/[username]/layout.tsx src/app/(default)/u/[username]/(default)/layout.tsx

@@ -67,7 +67,7 @@ export default function UserLayout(props: { children: React.ReactNode, params: P
                             <p>Sorry, the page you visited does not exist.</p>
                         </div>
                         <div className="not-found-start">
-                            <Link href="/">Go Home</Link>
+                            <Link href="/public">Go Home</Link>
                         </div>
                     </div>
                 </div>

src/app/(default)/u/[username]/page.tsx src/app/(default)/u/[username]/(default)/page.tsx

@@ -0,0 +1,6 @@
+export default function Setting2Fa() {
+    return(
+        <>
+        </>
+    )
+}

src/app/(default)/u/[username]/(setting)/setting/layout.tsx

@@ -0,0 +1,6 @@
+export default function SettingAccount() {
+    return(
+        <>
+        </>
+    )
+}

src/app/(default)/u/setting/2fa/page.tsx

@@ -0,0 +1,6 @@
+export default function SettingAppearance() {
+    return(
+        <>
+        </>
+    )
+}

src/app/(default)/u/setting/account/page.tsx

@@ -0,0 +1,6 @@
+export default function SettingBilling() {
+    return(
+        <>
+        </>
+    )
+}

src/app/(default)/u/setting/appearance/page.tsx

@@ -0,0 +1,36 @@
+'use client'
+
+import {UserSettingSidebar} from "@/component/user/usersettingsidebar";
+import React, {useState} from "react";
+import {useRouter} from "next/navigation";
+import useUserContext from "@/store/useUserContext";
+
+export default function UserSettingLayout(props: { children: React.ReactNode }) {
+    const [Tab, setTab] = useState<string>("profile");
+    const nav = useRouter().replace;
+    const user = useUserContext();
+    const dash = user.getDashBored();
+    const setTabs = (tab: string) => {
+        setTab(tab);
+        nav(`/u/setting/${tab}`);
+    }
+    return (
+        <div className="user-setting">
+            {
+                dash ? (
+                    <>
+                        <UserSettingSidebar tab={Tab} setTab={setTabs} dash={dash}/>
+                        <div className="user-setting-body">
+                            {props.children}
+                        </div>
+                    </>
+                ):(
+                    <>
+                        Please Login
+                    </>
+                )
+            }
+
+        </div>
+    );
+}

src/app/(default)/u/setting/billing/page.tsx

@@ -0,0 +1,6 @@
+export default function SettingNotifications() {
+    return(
+        <>
+        </>
+    )
+}

src/app/(default)/u/setting/layout.tsx

@@ -0,0 +1,7 @@
+export default function UserSettingPage() {
+    return(
+        <>
+
+        </>
+    )
+}

src/app/(default)/u/setting/notifications/page.tsx

@@ -0,0 +1,6 @@
+export default function SettingPassword() {
+    return(
+        <>
+        </>
+    )
+}

src/app/(default)/u/setting/page.tsx

@@ -0,0 +1,6 @@
+export default function SettingPayment() {
+    return(
+        <>
+        </>
+    )
+}