Fix bottom tab bar padding and improve edge swipe

- Remove extra top padding when tab bar is at bottom
- Increase edge swipe threshold from 30px to 50px
- Reduce minimum swipe distance from 50px to 40px

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/contexts/SidebarContext.tsx

@@ -3,8 +3,8 @@ import type { ReactNode } from 'react';
 import { useAuth } from './AuthContext';
 import { settingsAPI } from '../api/client';
 
-const EDGE_SWIPE_THRESHOLD = 30; // pixels from left edge to start swipe
-const SWIPE_MIN_DISTANCE = 50; // minimum swipe distance to trigger
+const EDGE_SWIPE_THRESHOLD = 50; // pixels from left edge to start swipe
+const SWIPE_MIN_DISTANCE = 40; // minimum swipe distance to trigger
 
 export type SidebarMode = 'collapsed' | 'expanded' | 'toggle' | 'dynamic';
 

frontend/src/styles/Layout.css

@@ -894,11 +894,16 @@ label,
   display: none;
 }
 
-/* Add bottom padding to main content when bar is at bottom */
+/* Add bottom padding and remove top padding when bar is at bottom */
 [data-tab-position='bottom'] .main-content {
   padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
 }
 
+[data-tab-position='bottom'] .page-content,
+[data-tab-position='bottom'] .admin-tab-swipe {
+  padding-top: var(--page-padding-y);
+}
+
 /* Mobile: full width at bottom */
 @media (max-width: 768px) {
   [data-tab-position='bottom'] .page-tabs-container,
@@ -952,8 +957,13 @@ label,
     display: none;
   }
 
-  /* Add bottom padding to main content */
+  /* Add bottom padding and remove top padding */
   [data-tab-position='responsive'] .main-content {
     padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
   }
+
+  [data-tab-position='responsive'] .page-content,
+  [data-tab-position='responsive'] .admin-tab-swipe {
+    padding-top: var(--page-padding-y-mobile);
+  }
 }