fix(ui): resolve hidden class vs style.display conflict, polish toggle buttons

style.display='block'. All panel show/hide now uses classList.
- Fix admin badge/panel not showing in user menu (same root cause).
- Fix profile page main-content/auth-error panels (same root cause).
- Add hidden class to admin-setup-panel in login.html for consistency.
- Remove redundant .admin-setup-panel{display:none} CSS rule.
- Polish view toggle buttons: tighter gap, smaller size, subtler shadow.

static/css/components/buttons.css

@@ -69,10 +69,10 @@
 /* View Toggle Buttons */
 .view-toggle {
 	display: flex;
-	gap: 6px;
-	padding: 4px;
+	gap: 2px;
+	padding: 3px;
 	background-color: #f0f3f7;
-	border-radius: 12px;
+	border-radius: 10px;
 	border: 1px solid #e2e8f0;
 }
 
@@ -80,26 +80,26 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 40px;
-	height: 36px;
+	width: 36px;
+	height: 32px;
 	background-color: transparent;
 	border: none;
 	border-radius: 8px;
 	cursor: pointer;
-	color: #64748b;
-	font-size: 16px;
+	color: #94a3b8;
+	font-size: 14px;
 	transition: all 0.2s ease;
 }
 
 .toggle-btn:hover {
 	background-color: #e2e8f0;
-	color: #4a5568;
+	color: #64748b;
 }
 
 .toggle-btn.active {
 	background-color: white;
 	color: #ff5e3a;
-	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .toggle-btn i {

static/css/views/auth.css

@@ -240,10 +240,7 @@
     display: none;
 }
 
-/* Admin setup panel styles */
-.admin-setup-panel {
-    display: none;
-}
+/* Admin setup panel styles — visibility controlled via .hidden class */
 
 .setup-steps {
     margin-bottom: 28px;