mobile sidebar toggle fixed

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">