Add swipe-to-open sidebar on all pages + fix bottom bar styling

- Create SwipeableContent component for sidebar swipe on non-tab pages
- Add swipe-to-close sidebar from overlay
- Make swipe work from entire page (ignoring interactive elements)
- Show title and divider on desktop when tab bar is at bottom
- Hide title/divider only on mobile for bottom position

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

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

frontend/src/pages/Feature1.tsx

@@ -1,6 +1,7 @@
 import { useTranslation } from '../contexts/LanguageContext';
 import { useSidebar } from '../contexts/SidebarContext';
 import TabsScroller from '../components/TabsScroller';
+import { SwipeableContent } from '../components/SwipeableContent';
 import '../styles/AdminPanel.css';
 
 export default function Feature1() {
@@ -8,7 +9,7 @@ export default function Feature1() {
     const { toggleMobileMenu } = useSidebar();
 
     return (
-        <main className="main-content">
+        <SwipeableContent className="main-content">
             <div className="page-tabs-container">
                 <TabsScroller className="page-tabs-slider">
                     <button className="mobile-menu-btn" onClick={toggleMobileMenu} aria-label={t.theme.toggleMenu}>
@@ -30,6 +31,6 @@ export default function Feature1() {
                     <p>{t.feature1.comingSoon}</p>
                 </div>
             </div>
-        </main>
+        </SwipeableContent>
     );
 }