change design and data list in doctor-item & handle component appointment in doctor-item & handle functionality date-picker & fix bug appointment page & add req get appointment list

app/component/date/datePicker/LoadingDate.js

@@ -0,0 +1,16 @@
+import { Skeleton } from "@mui/material";
+import React from "react";
+
+function LoadingDate({ loading }) {
+  if (loading) {
+    return (
+      <Skeleton
+        variant="rectangular"
+        className="!w-[300px] !rounded-[6px] !absolute !top-0 !right-1/2 !translate-x-1/2 !z-10"
+        height={352}
+      />
+    );
+  }
+}
+
+export default LoadingDate;