design dashboard comments & messages & modals

app/dashboard/page.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { useState } from 'react';
+
+import userData from '@/data/userData.json';
+import DashboardPage from "@/components/dashboard";
+import UserAccountPage from "@/components/dashboard/userAccount/UserAccount";
+
+function UserAccount() {
+
+    const [value, setValue] = useState(0);
+
+    return (
+        <DashboardPage
+            value={value}
+            setValue={setValue}
+            user={userData.data}
+        >
+            <UserAccountPage
+                value={value}
+                setValue={setValue}
+                user={userData.data}
+            />
+        </DashboardPage>
+    )
+}
+
+export default UserAccount

app/dashboard/user-account/page.js

@@ -1,13 +0,0 @@
-import userData from '@/data/userData.json';
-import DashboardPage from "@/components/dashboard";
-import UserAccountPage from "@/components/dashboard/userAccount/UserAccount";
-
-function UserAccount() {
-    return (
-        <DashboardPage user={userData.data} >
-            <UserAccountPage user={userData.data} />
-        </DashboardPage>
-    )
-}
-
-export default UserAccount