+ Lots of work was done but specifically within the GlobalMap.jsx

+ Two new component files were also added
+ Some slight adjustments to Theme.jsx

client/src/components/Sidebar/Sidebar.jsx

@@ -11,6 +11,7 @@ import { MdOutlineSecurity } from "react-icons/md";
 import { IoPersonCircleSharp } from "react-icons/io5";
 import { useState, useEffect, useMemo } from "react";
 import { DASHBOARD_VIEWS } from "@/constants/viewKeys";
+import { KeyRound } from 'lucide-react';
 
 export default function Sidebar({ view, onChangeView, darkMode, setDarkMode }) {
   const [isOpen, setIsOpen] = useState(true);
@@ -23,7 +24,7 @@ export default function Sidebar({ view, onChangeView, darkMode, setDarkMode }) {
     if (["settings", "personal", "security"].includes(view)) {
       return [
         {icon: IoPersonCircleSharp, name: "Personal Info", view: "personal"},
-        {icon: MdOutlineSecurity, name: "Security", view: "security"},
+        {icon: KeyRound, name: "Security", view: "security"},
       ];
     }
     return [