refactor, further cleaning up sidebar, home, mydashboard, alertlevelwidget, widget, and more misc.

client/src/components/Sidebar/Sidebar.jsx

@@ -8,7 +8,6 @@ import { Mountain, House, Earth, MapPin, ShieldUser, Menu, CircleUserRound, KeyR
 export default function Sidebar() {
   const { toggleColorMode } = useColorMode();
   const [isOpen, setIsOpen] = useState(true);
-  const [activeButton, setActiveButton] = useState(0)
   const recipe = useSlotRecipe({ key: "sidebar" });
   const styles = recipe();
 
@@ -37,8 +36,7 @@ export default function Sidebar() {
   ];
 
   const toggleSidebar = () => {
-    if (isOpen) setIsOpen(false);
-    else setIsOpen(true);
+    setIsOpen((prev) => !prev);
   };
 
   return (
@@ -49,7 +47,7 @@ export default function Sidebar() {
 
       {buttons.map((button, idx) => {
         const Icon = button.icon;
-        return (
+        return ( // TODO: don't use idx as a key
           <Tooltip key={button.name} tooltipkey={idx} content={button.name} sidebarIsOpen={isOpen}>
             <Button
               as={NavLink}
@@ -76,9 +74,7 @@ export default function Sidebar() {
         )
       })}
       <ColorModeButton 
-        onClick={() => {
-          toggleColorMode();
-        }}
+        onClick={() => toggleColorMode()}
         position="absolute" 
         bottom="2"
       />