change format all file

components/layout/header/Content.js

@@ -11,48 +11,44 @@ import UserLogin from "@/components/icons/UserLogin";
 import { useState } from "react";
 
 function Content({ matchedCity, name }) {
-    const [isActive, setIsActive] = useState(false);
+  const [isActive, setIsActive] = useState(false);
 
-    return (
-        <div
-            className={`
+  return (
+    <div
+      className={`
           px-[8px] sm:px-[16px] md:px-[24px] lg:px-[32px] py-[4px] sm:py-[8px] md:py-[12px] lg:py-[16px] 
           flex transition-all duration-500 overflow-hidden justify-between items-center flex-nowrap
           ${isActive ? "!pr-0" : "!px-4"}
         `}
-        >
-            <div>
-                <BgGray isActive={isActive} setIsActive={setIsActive} />
-                <Col name={name} isActive={isActive} />
-                <div className="relative flex flex-row-reverse gap-2">
-                    <Logo matchedCity={matchedCity} />
-                    <div className="flex lg:hidden z-20">
-                        <ButtonMenu isActive={isActive} setIsActive={setIsActive} />
-                        <Logo isAbsolute={true} matchedCity={matchedCity} />
-                    </div>
-                </div>
-            </div>
-            <Row name={name} />
-            <Link href="/login">
-                <Button
-                    className="!hidden lg:!flex"
-                    variant="outlined"
-                    color="primary"
-                >
-                    ورود | ثبت نام
-                </Button>
-                <Button
-                    className={`!flex lg:!hidden !p-2 !rounded-full transition-all duration-500 !bg-[#EFEFEF]`}
-                    variant="text"
-                    color="primary"
-                >
-                    <div className="flex lg:hidden">
-                        <UserLogin />
-                    </div>
-                </Button>
-            </Link>
+    >
+      <div>
+        <BgGray isActive={isActive} setIsActive={setIsActive} />
+        <Col name={name} isActive={isActive} />
+        <div className="relative flex flex-row-reverse gap-2">
+          <Logo matchedCity={matchedCity} />
+          <div className="flex lg:hidden z-20">
+            <ButtonMenu isActive={isActive} setIsActive={setIsActive} />
+            <Logo isAbsolute={true} matchedCity={matchedCity} />
+          </div>
         </div>
-    )
+      </div>
+      <Row name={name} />
+      <Link href="/login">
+        <Button className="!hidden lg:!flex" variant="outlined" color="primary">
+          ورود | ثبت نام
+        </Button>
+        <Button
+          className={`!flex lg:!hidden !p-2 !rounded-full transition-all duration-500 !bg-[#EFEFEF]`}
+          variant="text"
+          color="primary"
+        >
+          <div className="flex lg:hidden">
+            <UserLogin />
+          </div>
+        </Button>
+      </Link>
+    </div>
+  );
 }
 
-export default Content
+export default Content;

components/layout/header/index.js

@@ -1,13 +1,9 @@
 import Content from "./Content";
 
 function Header({ matchedCity, name }) {
-
   return (
     <div className="bg-[#FFF] rounded-lg w-full mx-auto">
-      <Content
-        matchedCity={matchedCity}
-        name={name}
-      />
+      <Content matchedCity={matchedCity} name={name} />
     </div>
   );
 }

components/layout/header/list/Row.js

@@ -9,10 +9,7 @@ function Row({ name }) {
           <Link
             href={nav.link}
             className={`
-              ${nav.link === name
-                ? "!text-[#526CAC]"
-                : "text-[#525252]"
-              }
+              ${nav.link === name ? "!text-[#526CAC]" : "text-[#525252]"}
               text-[16px] font-medium
             `}
           >

components/layout/header/list/col/index.js

@@ -23,7 +23,7 @@ function Col({ isActive, name }) {
                                     ${
                                       isActiveURL(
                                         nav.link.replace("/", ""),
-                                        name
+                                        name,
                                       )
                                         ? "!text-[#526CAC] !bg-[rgba(199,_206,_244,_0.30)]"
                                         : "!text-[#525252]"