dark mode page add-doctor & user account

components/panel/userAccount/index.js

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import Account from "./account";
 import Bank from "./bank";
 import Tab from "./Tab";
@@ -8,11 +8,18 @@ import Tab from "./Tab";
 const listTab = ["حساب کاربری", "حساب بانکی"];
 
 function UserAccountPage({ data }) {
-  const [value, setValue] = useState(1);
+  const [value, setValue] = useState(0);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    setTimeout(() => {
+      setLoading(false);
+    }, 2000);
+  }, []);
 
   const handleChange = (event, newValue) => setValue(newValue);
 
-  const components = [<Account />, <Bank data={data.bank} />];
+  const components = [<Account />, <Bank loading={loading} data={data.bank} />];
 
   return (
     <div