Refactor CSS on mydashboard started needs completed

client/src/pages/home/tabs/MyDashboard.jsx

@@ -3,7 +3,7 @@ import {X, MoreVertical} from "lucide-react";
 import {Responsive, WidthProvider} from "react-grid-layout";
 import {useDashboardStore} from "@/store/useDashboardStore.jsx";
 import {Suspense, useEffect, useRef} from 'react';
-import {useColorModeValue} from "@/components/ui/color-mode";
+
 // 1. Import database messenger
 import useAuthStore from "@/store/authStore";
 
@@ -14,11 +14,6 @@ import {WIDGET_REGISTRY} from '@/constants/widgetRegistry.jsx';
 const ResponsiveGridLayout = WidthProvider(Responsive);
 
 export default function MyDashboard() {
-  // 🌗 Let's adjust for our light and dark mode
-  const frameBg = useColorModeValue("FFFFFF0A", "#FFFFFF0A");
-  const titleColor = useColorModeValue("gray.800", "#FFFFFF");
-  const iconColor = useColorModeValue("gray.600", "#FFFFFF");
-  const iconHoverBg = useColorModeValue("gray.100", "gray.700");
 
   // ☁️ Database Connection
   const {user} = useAuthStore();