fixed page error

src/App.js

@@ -4,7 +4,7 @@ import { QueryClientProvider, QueryClient } from '@tanstack/react-query'
 
 import SiteRoutes from './SiteRoutes';
 import LogoutModal from './components/layouts/LogoutModal';
-import { GeneralLayoutContext } from './context/GeneralLayoutContext';
+import { generalLayoutContext } from './context/GeneralLayoutContext';
 
 import './App.css';
 
@@ -24,7 +24,7 @@ function App() {
 
   const {pathname} = useLocation()
 
-  const {logoutModal, setLogoutModal} = GeneralLayoutContext()
+  const {logoutModal, setLogoutModal} = generalLayoutContext()
 
   useEffect(()=>{
     window.scrollTo(0,0)

src/components/layouts/aside/DashboardAside.jsx

@@ -5,7 +5,7 @@ import MainBtn from "../../MainBtn";
 import AsideLink from "./AsideLink";
 import AsideLinkWithSubLinks from "./AsideLinkWithSubLinks";
 import { useSelector } from "react-redux";
-import { GeneralLayoutContext } from "../../../context/GeneralLayoutContext";
+import { generalLayoutContext } from "../../../context/GeneralLayoutContext";
 import { TbLogout2 } from "react-icons/tb";
 import UserAvatar from '../../../assets/user_avatar.jpg'
 import Icons from "../../Icons";
@@ -14,7 +14,7 @@ export default function DashboardAside() {
 
     const {pathname} = useLocation()
 
-    const {setLogoutModal, activeMenu, handleActiveMenu} = GeneralLayoutContext()
+    const {setLogoutModal, activeMenu, handleActiveMenu} = generalLayoutContext()
 
     const {userDetails} = useSelector((state) => state.userDetails) // GETS LOGGED IN USER ROLE DETAILS
     const {role}= userDetails

src/context/GeneralLayoutContext.jsx

@@ -108,6 +108,6 @@ export default function GeneralLayoutContextInt({children}) {
 }
 
 
-export const GeneralLayoutContext = () => {
+export const generalLayoutContext = () => {
   return useContext(GeneralContextProviderInt)
 }