almost change all layouts to ssr

components/layout/index.js

@@ -1,7 +1,5 @@
-import { getStateInfo } from "@/lib/getStateInfo";
 import Footer from "./footer";
 import Header from "./header";
-
 import Sidebar from "./sidebar";
 
 function Layout({
@@ -17,9 +15,8 @@ function Layout({
   user,
   value,
   setValue,
+  matchedCity
 }) {
-  const { matchedCity } = getStateInfo();
-
   return (
     <div>
       <main
@@ -28,7 +25,7 @@ function Layout({
       >
         <header className="w-full sticky bg-[#FFF] !z-[70] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] mt-[12px] sm:mt-[21px] md:mt-[30px] lg:mt-[40px] top-0 right-1/2">
           <div className="w-full padding-responsive">
-            <Header name={name} />
+            <Header name={name} matchedCity={matchedCity} />
           </div>
         </header>
         <section
@@ -57,7 +54,7 @@ function Layout({
         <footer className="bg-[#F5F5F5] mt-[100px] bg-banner-footer !bg-center !bg-no-repeat !bg-cover">
           <div className="pt-[44px] bg-[rgba(255,255,255,0.45)]">
             <div className="padding-responsive">
-              <Footer />
+              <Footer matchedCity={matchedCity} />
             </div>
           </div>
         </footer>