apps/pwa/src/routes/AdminPage.tsx

@@ -244,9 +244,7 @@ export function AdminPage() {
     e.preventDefault();
     setActiveTab(next);
     (
-      e.currentTarget.parentElement?.querySelector(
-        `[id="admin-tab-${next}"]`,
-      ) as HTMLElement | null
+      e.currentTarget.parentElement?.querySelector(`[id="admin-tab-${next}"]`) as HTMLElement | null
     )?.focus();
   }
 
@@ -370,13 +368,9 @@ export function AdminPage() {
                 fontSize: 'var(--text-label-size, 13px)',
                 fontWeight: activeTab === id ? 600 : 400,
                 color:
-                  activeTab === id
-                    ? 'var(--color-text-primary)'
-                    : 'var(--color-text-secondary)',
+                  activeTab === id ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',
                 borderBottom:
-                  activeTab === id
-                    ? '2px solid var(--color-member-0)'
-                    : '2px solid transparent',
+                  activeTab === id ? '2px solid var(--color-member-0)' : '2px solid transparent',
                 transition: 'color 0.1s ease, border-color 0.1s ease',
                 fontFamily: 'var(--font-family-base)',
               }}
@@ -394,7 +388,6 @@ export function AdminPage() {
           tabIndex={0}
           hidden={activeTab !== 'members'}
         >
-
           {/* ── MEMBERS section ───────────────────────────────────────────── */}
           <section aria-label="Members" style={{ marginBottom: 'var(--space-8, 32px)' }}>
             <div style={sectionLabelStyle}>Members</div>
@@ -667,8 +660,8 @@ export function AdminPage() {
               </div>
             </div>
           </section>
-
-        </div>{/* end admin-panel-members */}
+        </div>
+        {/* end admin-panel-members */}
 
         {/* ── Tab panel: Settings ───────────────────────────────────────────── */}
         <div
@@ -678,7 +671,6 @@ export function AdminPage() {
           tabIndex={0}
           hidden={activeTab !== 'settings'}
         >
-
           {/* ── SHARED CALENDAR section ──────────────────────────────────────── */}
           <section aria-label="Shared Calendar" style={{ marginBottom: 'var(--space-8, 32px)' }}>
             <div style={sectionLabelStyle}>Shared Calendar</div>
@@ -984,9 +976,7 @@ export function AdminPage() {
                               color: 'var(--color-text-primary)',
                               borderRadius: 'var(--space-1, 4px)',
                               cursor: 'pointer',
-                              background: active
-                                ? 'var(--color-member-0, #4A90D9)'
-                                : 'transparent',
+                              background: active ? 'var(--color-member-0, #4A90D9)' : 'transparent',
                               ...(active ? { color: '#ffffff' } : null),
                               minHeight: '44px',
                               display: 'flex',
@@ -1069,10 +1059,10 @@ export function AdminPage() {
               </>
             )}
           </section>
-
-        </div>{/* end admin-panel-settings */}
-
-      </div>{/* end centered content column */}
+        </div>
+        {/* end admin-panel-settings */}
+      </div>
+      {/* end centered content column */}
 
       {/* ── Success toast (D-08) ──────────────────────────────────────────────── */}
       {toast && (