fix(ui): prevent text selection on buttons

src/App.vue

@@ -59,16 +59,27 @@ onUnmounted(() => {
   flex: 1;
   width: 100%;
   position: relative;
-  overflow: hidden; /* Ensure body doesn't scroll */
 }
 
 .main-content {
   flex: 1;
   padding: 2rem;
   width: 100%;
-  max-width: 100%; /* Ensure it doesn't overflow */
-  overflow-y: auto; /* Allow content to scroll independently */
-  height: 100%; /* Take full height of app-body */
+  max-width: 100%;
+  /* Space for fixed footer on mobile + extra margin (generous to ensure gap) */
+  padding-bottom: calc(100px + env(safe-area-inset-bottom));
+}
+
+@media (min-width: 768px) {
+  .app-body {
+    overflow: hidden;
+  }
+
+  .main-content {
+    overflow-y: auto;
+    height: 100%;
+    padding-bottom: 2rem;
+  }
 }
 
 .sidebar-overlay {