Fixed build issues

src/components/Layouts/header/user-info/index.tsx

@@ -11,10 +11,11 @@ import Image from "next/image";
 import Link from "next/link";
 import { useState } from "react";
 import { LogOutIcon, SettingsIcon, UserIcon } from "./icons";
+import { useUser } from "@/contexts";
 
 export function UserInfo() {
   const [isOpen, setIsOpen] = useState(false);
-
+  const { logout } = useUser();
   const USER = {
     name: "John Smith",
     email: "johnson@nextadmin.com",
@@ -106,7 +107,11 @@ export function UserInfo() {
         <div className="p-2 text-base text-[#4B5563] dark:text-dark-6">
           <button
             className="flex w-full items-center gap-2.5 rounded-lg px-2.5 py-[9px] hover:bg-gray-2 hover:text-dark dark:hover:bg-dark-3 dark:hover:text-white"
-            onClick={() => setIsOpen(false)}
+            onClick={() => {
+              setIsOpen(false);
+              logout();
+
+            }}
           >
             <LogOutIcon />
 

src/components/Layouts/sidebar/index.tsx

@@ -41,7 +41,7 @@ export function Sidebar() {
         });
       });
     });
-  }, [pathname]);
+  }, [pathname, expandedItems]);
 
   return (
     <>