fix(ui): square mobile file tiles, files scroll clearance, apps-tab swipe guard

- Apps tab: a horizontal swipe that starts on an app icon no longer flips the
  top tab — it lets the app-page scroll / icon tap win (swipe empty space to
  change tab). Fixes the swipe conflict with two pages of apps.
- Files: file cover tiles are forced square on mobile (aspect driven by CSS,
  not a Tailwind arbitrary class) so the grid is uniform and tappable.
- Files: scroll container gets bottom safe-area + tab-bar padding so the last
  row clears the mobile back button / bottom nav.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

neode-ui/src/components/cloud/FileCardGrid.vue

@@ -6,7 +6,7 @@
     @click="handleClick"
   >
     <!-- Cover / Thumbnail area -->
-    <div class="cloud-grid-card-cover" :class="aspectClass">
+    <div class="cloud-grid-card-cover">
       <!-- Image thumbnail -->
       <img
         v-if="isImage && thumbnailUrl && !imgFailed"
@@ -155,7 +155,9 @@ const isCurrentlyPlaying = computed(() => audioPlaying.value && currentSrc.value
 // Uniform card cover ratio across every file type so folders, images, videos
 // and documents all render at the same height in the grid (previously images/
 // videos were square while folders were 4/3, giving a ragged, mismatched grid).
-const aspectClass = computed(() => 'aspect-[4/3]')
+// Aspect is now driven entirely by .cloud-grid-card-cover CSS (4/3 desktop,
+// square on mobile) so the ratio is deterministic regardless of Tailwind layer
+// ordering.
 
 const coverBg = computed(() => {
   if (props.item.isDir) return 'bg-amber-500/10'