Remove icons from page title bars and fix Features page issues

- Remove icons from all page title sections in tab bars
- Fix double padding on mobile for Features page
- Fix drag state not resetting when Apply/Cancel pressed

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

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

frontend/src/pages/APIKeys.tsx

@@ -94,7 +94,6 @@ export default function APIKeys() {
             <span className="material-symbols-outlined">menu</span>
           </button>
           <div className="page-title-section">
-            <span className="material-symbols-outlined">vpn_key</span>
             <span className="page-title-text">{t.apiKeysPage.title}</span>
           </div>
         </div>

frontend/src/pages/AdminPanel.tsx

@@ -26,7 +26,6 @@ export default function AdminPanel({ initialTab = 'general' }: { initialTab?: Ta
                         <span className="material-symbols-outlined">menu</span>
                     </button>
                     <div className="page-title-section">
-                        <span className="material-symbols-outlined">admin_panel_settings</span>
                         <span className="page-title-text">{t.admin.panel}</span>
                     </div>
                     <div className="page-tabs-divider"></div>

frontend/src/pages/Dashboard.tsx

@@ -13,7 +13,6 @@ export default function Dashboard() {
             <span className="material-symbols-outlined">menu</span>
           </button>
           <div className="page-title-section">
-            <span className="material-symbols-outlined">dashboard</span>
             <span className="page-title-text">{t.dashboard.title}</span>
           </div>
         </div>

frontend/src/pages/Feature1.tsx

@@ -14,7 +14,6 @@ export default function Feature1() {
                         <span className="material-symbols-outlined">menu</span>
                     </button>
                     <div className="page-title-section">
-                        <span className="material-symbols-outlined">playlist_play</span>
                         <span className="page-title-text">{t.feature1.title}</span>
                     </div>
                 </div>

frontend/src/pages/Feature2.tsx

@@ -14,7 +14,6 @@ export default function Feature2() {
             <span className="material-symbols-outlined">menu</span>
           </button>
           <div className="page-title-section">
-            <span className="material-symbols-outlined">download</span>
             <span className="page-title-text">{t.features.feature2}</span>
           </div>
         </div>

frontend/src/pages/Feature3.tsx

@@ -14,7 +14,6 @@ export default function Feature3() {
             <span className="material-symbols-outlined">menu</span>
           </button>
           <div className="page-title-section">
-            <span className="material-symbols-outlined">cast</span>
             <span className="page-title-text">{t.features.feature3}</span>
           </div>
         </div>

frontend/src/pages/Notifications.tsx

@@ -100,7 +100,6 @@ export default function Notifications() {
             <span className="material-symbols-outlined">menu</span>
           </button>
           <div className="page-title-section">
-            <span className="material-symbols-outlined">notifications</span>
             <span className="page-title-text">{t.notificationsPage.title}</span>
           </div>
         </div>

frontend/src/pages/Settings.tsx

@@ -157,7 +157,6 @@ export default function Settings() {
                         <span className="material-symbols-outlined">menu</span>
                     </button>
                     <div className="page-title-section">
-                        <span className="material-symbols-outlined">settings</span>
                         <span className="page-title-text">{t.settings.title}</span>
                     </div>
                 </div>

frontend/src/pages/Users.tsx

@@ -186,7 +186,6 @@ export default function Users() {
               <span className="material-symbols-outlined">menu</span>
             </button>
             <div className="page-title-section">
-              <span className="material-symbols-outlined">group</span>
               <span className="page-title-text">{t.admin.userManagement}</span>
             </div>
             <button className="btn-primary add-user-btn" onClick={openCreateModal}>

frontend/src/pages/admin/Analytics.tsx

@@ -51,7 +51,6 @@ export default function Analytics() {
             <span className="material-symbols-outlined">menu</span>
           </button>
           <div className="page-title-section">
-            <span className="material-symbols-outlined">analytics</span>
             <span className="page-title-text">{t.analyticsPage.title}</span>
           </div>
         </div>

frontend/src/pages/admin/AuditLogs.tsx

@@ -64,7 +64,6 @@ export default function AuditLogs() {
             <span className="material-symbols-outlined">menu</span>
           </button>
           <div className="page-title-section">
-            <span className="material-symbols-outlined">history</span>
             <span className="page-title-text">{t.auditPage.title}</span>
           </div>
         </div>

frontend/src/pages/admin/Features.tsx

@@ -245,12 +245,14 @@ export default function Features() {
         } catch (error) {
             console.error('Failed to save order:', error);
         } finally {
+            setDraggedItem(null); // Reset drag state
             isUserEditing.current = false;
             setHasOrderChanges(false);
         }
     };
 
     const handleCancelOrder = () => {
+        setDraggedItem(null); // Reset drag state
         isUserEditing.current = false; // Done editing
         setLocalOrder(moduleOrder);
         // Reset positions from moduleStates
@@ -470,7 +472,6 @@ export default function Features() {
                         <span className="material-symbols-outlined">menu</span>
                     </button>
                     <div className="page-title-section">
-                        <span className="material-symbols-outlined">extension</span>
                         <span className="page-title-text">{t.featuresPage.title}</span>
                     </div>
                     <div className="page-tabs-divider"></div>

frontend/src/pages/admin/Settings.tsx

@@ -65,7 +65,6 @@ export default function Settings() {
                             <span className="material-symbols-outlined">menu</span>
                         </button>
                         <div className="page-title-section">
-                            <span className="material-symbols-outlined">settings</span>
                             <span className="page-title-text">{t.settings.title}</span>
                         </div>
                     </div>

frontend/src/pages/admin/ThemeSettings.tsx

@@ -280,7 +280,6 @@ export default function ThemeSettings() {
                         <span className="material-symbols-outlined">menu</span>
                     </button>
                     <div className="page-title-section">
-                        <span className="material-symbols-outlined">brush</span>
                         <span className="page-title-text">{t.theme.title}</span>
                     </div>
                     <div className="admin-tabs-divider"></div>

frontend/src/styles/Layout.css

@@ -272,6 +272,12 @@ body {
   width: 100%;
 }
 
+/* Remove double padding when theme-tab-content is nested inside admin-tab-content */
+.admin-tab-content .theme-tab-content {
+  padding: 0;
+  max-width: none;
+}
+
 /* ==========  RESPONSIVE DESIGN ========== */
 
 /* Tablet - reduce padding */