chore: remove uneeded icons svg

components/Application/Application.tsx

@@ -46,17 +46,17 @@ export const Application: React.FC<ApplicationProps> = (props) => {
 
   const { user } = useAuthentication()
 
-  const [visibleSidebars, setVisibleSidebars] = useState({
-    left: true,
-    right: false
-  })
-
   const [mounted, setMounted] = useState(false)
 
   const isMobile = useMediaQuery({
     query: '(max-width: 900px)'
   })
 
+  const [visibleSidebars, setVisibleSidebars] = useState({
+    left: !isMobile,
+    right: false
+  })
+
   const handleToggleSidebars = (direction: DirectionSidebar): void => {
     if (!isMobile) {
       if (direction === 'left') {
@@ -97,16 +97,6 @@ export const Application: React.FC<ApplicationProps> = (props) => {
         })
       }
     }
-    handleCloseSidebars()
-  }
-
-  const handleCloseSidebars = (): void => {
-    if (isMobile && (visibleSidebars.left || visibleSidebars.right)) {
-      setVisibleSidebars({
-        left: false,
-        right: false
-      })
-    }
   }
 
   const swipeableHandlers = useSwipeable({
@@ -171,7 +161,6 @@ export const Application: React.FC<ApplicationProps> = (props) => {
 
       <main
         className='h-full-without-header relative flex overflow-hidden'
-        onClick={handleCloseSidebars}
         {...swipeableHandlers}
       >
         <Sidebar