set data ssr in page dashboard

app/dashboard/page.js

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