add prettier formatter to all file

components/doctors/index.js

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import { useEffect, useState } from "react";
 import SearchBar from "./search";
@@ -7,36 +7,37 @@ import ListDoctors from "./listDoctors";
 import LocationD from "../icons/LocationD";
 
 function DoctorsPage() {
+  const [loading, setLoading] = useState(true);
+  const [data, setData] = useState({
+    expertise: "",
+    gender: 0,
+    degree: 0,
+    turn: true,
+  });
 
-    const [loading, setLoading] = useState(true);
-    const [data, setData] = useState({
-        expertise: '',
-        gender: 0,
-        degree: 0,
-        turn: true
-    });
+  useEffect(() => {
+    setTimeout(() => {
+      setLoading(false);
+    }, 2000);
+  }, []);
 
-    useEffect(() => {
-        setTimeout(() => {
-            setLoading(false);
-        }, 2000);
-    }, []);
-
-    return (
-        <div className="pt-[95px] sm:pt-[120px] padding-responsive">
-            <div className="flex justify-center gap-[16px] sm:gap-[19px] md:gap-[22px] lg:gap-[24px] flex-col items-center mt-0 md:mt-[40px] lg:mt-[90px]">
-                <div className="flex items-center justify-start gap-2 w-full">
-                    <LocationD />
-                    <p className="text-[#525252] text-[16px] font-semibold">خوزستان / اهواز</p>
-                </div>
-                <div className="flex flex-col lg:flex-row items-start lg:items-center justify-center gap-[24px] lg:gap-[32px] w-full">
-                    <SearchBar data={data} setData={setData} />
-                    <SortList data={data} setData={setData} />
-                </div>
-            </div>
-            <ListDoctors loading={loading} />
+  return (
+    <div className="pt-[95px] sm:pt-[120px] padding-responsive">
+      <div className="flex justify-center gap-[16px] sm:gap-[19px] md:gap-[22px] lg:gap-[24px] flex-col items-center mt-0 md:mt-[40px] lg:mt-[90px]">
+        <div className="flex items-center justify-start gap-2 w-full">
+          <LocationD />
+          <p className="text-[#525252] text-[16px] font-semibold">
+            خوزستان / اهواز
+          </p>
         </div>
-    )
+        <div className="flex flex-col lg:flex-row items-start lg:items-center justify-center gap-[24px] lg:gap-[32px] w-full">
+          <SearchBar data={data} setData={setData} />
+          <SortList data={data} setData={setData} />
+        </div>
+      </div>
+      <ListDoctors loading={loading} />
+    </div>
+  );
 }
 
-export default DoctorsPage
+export default DoctorsPage;