set data ssr in page dashboard

app/dashboard/page.js

@@ -1,36 +1,11 @@
-"use client";
+import Content from "@/components/dashboard/Content";
-
+import { getStateInfo } from "@/lib/getStateInfo";
-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);
+  const { matchedCity } = getStateInfo();
-  const [isOpenSide, setIsOpenSide] = useState(false);
-  const [isTurnsDetails, setIsTurnsDetails] = useState(false);
 
   return (
-    <DashboardPage
+    <Content matchedCity={matchedCity} />
-      value={value}
-      setValue={setValue}
-      user={userData.data}
-      isOpenSide={isOpenSide}
-      setIsOpenSide={setIsOpenSide}
-      isTurnsDetails={isTurnsDetails}
-      setIsTurnsDetails={setIsTurnsDetails}
-    >
-      <UserAccountPage
-        value={value}
-        setValue={setValue}
-        user={userData.data}
-        isOpenSide={isOpenSide}
-        setIsOpenSide={setIsOpenSide}
-        isTurnsDetails={isTurnsDetails}
-        setIsTurnsDetails={setIsTurnsDetails}
-      />
-    </DashboardPage>
   );
 }
 

components/dashboard/Content.js

@@ -0,0 +1,38 @@
+"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 Content({ matchedCity }) {
+    const [value, setValue] = useState(0);
+    const [isOpenSide, setIsOpenSide] = useState(false);
+    const [isTurnsDetails, setIsTurnsDetails] = useState(false);
+
+    return (
+        <DashboardPage
+            value={value}
+            setValue={setValue}
+            user={userData.data}
+            isOpenSide={isOpenSide}
+            matchedCity={matchedCity}
+            setIsOpenSide={setIsOpenSide}
+            isTurnsDetails={isTurnsDetails}
+            setIsTurnsDetails={setIsTurnsDetails}
+        >
+            <UserAccountPage
+                value={value}
+                setValue={setValue}
+                user={userData.data}
+                isOpenSide={isOpenSide}
+                setIsOpenSide={setIsOpenSide}
+                isTurnsDetails={isTurnsDetails}
+                setIsTurnsDetails={setIsTurnsDetails}
+            />
+        </DashboardPage>
+    );
+}
+
+export default Content;

components/dashboard/index.js

@@ -9,6 +9,7 @@ function DashboardPage({
   setValue,
   isOpenSide,
   setIsOpenSide,
+  matchedCity
 }) {
   return (
     <Layout
@@ -20,6 +21,7 @@ function DashboardPage({
       setValue={setValue}
       disableFooter={true}
       isOpenSide={isOpenSide}
+      matchedCity={matchedCity}
       setIsOpenSide={setIsOpenSide}
       isTurnsDetails={isTurnsDetails}
       setIsTurnsDetails={setIsTurnsDetails}