responsive page user-account & add-doctor & turns & add loading to all page panel & change design page dashboard

components/panel/dashboard/list/index.js

@@ -1,9 +1,9 @@
 import { Button } from "@mui/material"
 import ArrowLeftP from "../../../icons/ArrowLeftP"
 import Table from "./Table"
-import ColTable from "./ColTable"
+import ColTable from "../../ColTable"
 
-function List({ data }) {
+function List({ data, loading }) {
     return (
         <div className="rounded-[8px] border overflow-hidden border-solid w-full border-transparent md:border-[#EFEFEF] bg-transparent md:bg-[#FFF]">
             <div className="flex items-center justify-between p-[16px]">
@@ -17,8 +17,8 @@ function List({ data }) {
                 </Button>
             </div>
             <div className="w-full overflow-auto">
-                <Table data={data} />
-                <ColTable data={data} />
+                <Table data={data} loading={loading} />
+                <ColTable data={data.list_of_doctors_appointments} loading={loading} />
             </div>
         </div>
     )