feat: adapt safe area for mobile

closes #326

layouts/default.vue

@@ -17,7 +17,7 @@
         <div min-h-screen>
           <slot />
         </div>
-        <div sticky left-0 right-0 bottom-0 z-10 bg-base>
+        <div sticky left-0 right-0 bottom-0 z-10 bg-base pb="[env(safe-area-inset-bottom)]" transition="padding 20">
           <CommonOfflineChecker :small-screen="isSmallScreen" />
           <NavBottom v-if="isSmallScreen" />
         </div>