click outside sidebar collapse on mobile

src/App.vue

@@ -8,6 +8,7 @@ import {
   passphraseRequired
 } from '@/composables/useEncryption'
 import { windowIsMobile } from '@/utils/helpers'
+import SideBar from '@/components/SideBar.vue'
 import firebase from 'firebase/compat/app'
 import * as firebaseui from 'firebaseui'
 
@@ -69,7 +70,8 @@ provide('loading', loading)
     >
       <Transition name="overlay">
         <div
-          class="absolute bottom-0 left-0 right-0 top-0 bg-neutral-800 bg-opacity-60 transition-opacity duration-200 sm:hidden"
+          class="absolute bottom-0 left-0 right-0 top-0 bg-neutral-800 bg-opacity-60 transition-opacity duration-200 sm:hidden cursor-pointer z-40"
+          @click="sideBarCollapsed = true"
           v-if="!sideBarCollapsed"
         />
       </Transition>