fix bug panel error && change design dashboard

components/layout/footer/menu/ListMenu.js

@@ -2,8 +2,6 @@ import Link from "next/link";
 import React from "react";
 
 function ListMenu({ list, isOpen }) {
-  console.log(list);
-
   return (
     <ul
       className={`

components/layout/index.js

@@ -33,7 +33,7 @@ function Layout({
         className={`w-full min-h-screen 
                 ${
                   disableFooter &&
-                  "pb-[calc(16px_+_80px)] sm:pb-[calc(52px_+_80px)] md:pb-[80px]"
+                  " md:pb-[80px]"
                 }`}
       >
         <header className="w-full sticky bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] mt-[12px] sm:mt-[21px] md:mt-[30px] lg:mt-[40px] top-0 right-1/2 z-[10]">

components/layout/sidebar/ModalLogout.js

@@ -7,7 +7,7 @@ function ModalLogout({ open, handleClose }) {
     <Modal open={open} onClose={handleClose}>
       <Box
         sx={styleDefault}
-        className="!w-fit dark:!bg-[#222433] dark:!shadow-[0px_4px_25px_10px_#1F1D2B] !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !px-[24px]"
+        className="!w-fit dark:!bg-[#222433] sm-modal dark:!shadow-[0px_4px_25px_10px_#1F1D2B] !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !px-[24px]"
       >
         <div className="flex items-center justify-between w-full">
           <p className="text-[#3B3B3B] text-[14px] dark:text-[#D7D8ED] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">