add loading all page & change bugs

components/specialties/index.js

@@ -1,8 +1,20 @@
-import HeadPageList from "@/app/component/head"
-import SmSearch from "../searchHead/SmSearch"
-import List from "./list"
+'use client';
+
+import { useEffect, useState } from "react";
+import List from "./list";
+import SmSearch from "../searchHead/SmSearch";
+import HeadPageList from "@/app/component/head";
 
 function SpecialtiesPage() {
+
+    const [loading, setLoading] = useState(true);
+
+    useEffect(() => {
+        setTimeout(() => {
+            setLoading(false);
+        }, 2000);
+    }, []);
+
     return (
         <div className="">
             <HeadPageList
@@ -11,7 +23,7 @@ function SpecialtiesPage() {
             >
                 <SmSearch placeholder='جستجوی تخصص' />
             </HeadPageList>
-            <List />
+            <List loading={loading} />
         </div>
     )
 }