mobile sidebar toggle fixed

src/component/auth/Forgetpwd2.jsx

@@ -1,24 +1,13 @@
 import React, { useEffect, useState } from 'react'
 import LoginImg from '../../assets/bg/login.svg'
 
-import MainLoaderBS from '../loaders/MainLoaderBS'
 import { Link, useNavigate } from 'react-router-dom'
 import siteLinks from '../../links/siteLinks'
 
 export default function Forgetpwd2() {
 
-  const [loading, setLoading] = useState(true)
-
   const navigate = useNavigate()
 
-  useEffect(()=>{
-    const timer = setTimeout(()=>{
-        setLoading(false)
-    },1000)
-
-    return () => clearTimeout(timer)
-  },[])
-
   return (
     <div className="app">
         <div className="app-wrap">

src/component/auth/Login2.jsx

@@ -1,24 +1,13 @@
-import React, { useEffect, useState } from 'react'
+import React from 'react'
 import LoginImg from '../../assets/bg/login.svg'
 
-import MainLoaderBS from '../loaders/MainLoaderBS'
 import { Link, useNavigate } from 'react-router-dom'
 import siteLinks from '../../links/siteLinks'
 
 export default function Login() {
 
-  const [loading, setLoading] = useState(true)
-
   const navigate = useNavigate()
 
-  useEffect(()=>{
-    const timer = setTimeout(()=>{
-        setLoading(false)
-    },1000)
-
-    return () => clearTimeout(timer)
-  },[])
-
   return (
     <div className="app">
         <div className="app-wrap">

src/component/auth/Signup2.jsx

@@ -1,24 +1,13 @@
 import React, { useEffect, useState } from 'react'
 import LoginImg from '../../assets/bg/login.svg'
 
-import MainLoaderBS from '../loaders/MainLoaderBS'
 import { Link, useNavigate } from 'react-router-dom'
 import siteLinks from '../../links/siteLinks'
 
 export default function Signup2() {
 
-  const [loading, setLoading] = useState(true)
-
   const navigate = useNavigate()
 
-  useEffect(()=>{
-    const timer = setTimeout(()=>{
-        setLoading(false)
-    },1000)
-
-    return () => clearTimeout(timer)
-  },[])
-
   return (
     <div className="app">
         <div className="app-wrap">

src/component/layout/layoutcom/UserHeader.jsx

@@ -6,6 +6,7 @@ export default function UserHeader(){
 
     const toggleSidebar = (e) => {
         e.preventDefault()
+        document.body.classList.toggle('sidebar-toggled')
     }
 
     // const toggleSidebarMini = (e) => {
@@ -29,7 +30,7 @@ export default function UserHeader(){
                 </button>
                 <div className="collapse navbar-collapse" id="navbarSupportedContent">
                     <div className="navigation d-flex">
-                        <ul className="navbar-nav nav-left">
+                        {/* <ul className="navbar-nav nav-left">
                            <li className="nav-item">
                                <a href="#" className="nav-link sidebar-toggle">
                                    <i className="ti ti-align-right"></i>
@@ -41,9 +42,8 @@ export default function UserHeader(){
                                    <i className="icon-size-fullscreen"></i>
                                </a>
                            </li>
-                        </ul>
+                        </ul> */}
 
-                        {/* ul className="navbar-nav nav-right ml-auto dropdown" */}
                         <ul className="navbar-nav nav-right ml-auto">
                             {/* <li className="nav-item dropdown">
                                 <a href="#" className="nav-link dropdown-toggle" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">