design dark mode turns & add-doctor & account & layout and components MUI

components/layoutPanel/header/icons/Theme.js

@@ -1,4 +1,5 @@
 import MoonP from "@/components/icons/MoonP";
+import Sun from "@/components/icons/Sun";
 import { Button } from "@mui/material";
 import { useTheme } from "next-themes";
 import { useState } from "react";
@@ -22,7 +23,7 @@ function Theme() {
       onClick={() => setTheme(theme === "light" ? "dark" : "light")}
       variant="outlined"
     >
-      <MoonP />
+      {theme === "light" ? <MoonP /> : <Sun />}
     </Button>
   );
 }