fix bug error console

components/layoutPanel/header/icons/Theme.js

@@ -23,7 +23,12 @@ function Theme() {
       onClick={() => setTheme(theme === "light" ? "dark" : "light")}
       variant="outlined"
     >
-      {theme === "light" ? <MoonP /> : <Sun />}
+      <div className="block dark:hidden">
+        <MoonP />
+      </div>
+      <div className="hidden dark:block">
+        <Sun />
+      </div>
     </Button>
   );
 }

components/layoutPanel/header/icons/index.js

@@ -1,6 +1,5 @@
 import { Button } from "@mui/material";
 import React from "react";
-import MoonP from "@/components/icons/MoonP";
 import NotificationP from "@/components/icons/NotificationP";
 import SettingP from "@/components/icons/SettingP";
 import SearchHeaderP from "@/components/icons/SearchHeaderP";

components/panel/userAccount/bank/head/modal/ModalAddCard.js

@@ -1,5 +1,4 @@
 import { useState } from "react";
-import TrashOrangeD from "@/components/icons/TrashOrangeD";
 import { Box, Button, Modal } from "@mui/material";
 import { styleDefault } from "@/mui";
 import CloseModalD from "@/components/icons/CloseModalD";