fix: remove blue active state from zoom button and restore Show Zoom menu item

- Removed .zoom-active CSS class and JavaScript logic
- Zoom button stays same gray color whether zoom is on or off
- Fixed Show Zoom menu button visibility (changed inline style to zoom-hidden class)
- Menu item now correctly appears when zoom is hidden

static/css/main.css

@@ -3757,7 +3757,7 @@ html {
 
 .zoom-control:hover {
     opacity: 1;
-    background: rgba(128, 128, 128, 0.85);
+    background: rgb(91 91 91);
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
 }
 
@@ -3989,17 +3989,7 @@ html {
     background: #3498db; /* Blue hover */
 }
 
-.zoom-toggle-btn.zoom-active {
-    opacity: 1;
-    background: rgba(52, 152, 219, 0.5); /* Semi-transparent blue when active */
-    color: white;
-}
-
-.zoom-toggle-btn.zoom-active:hover {
-    background: #2980b9; /* Darker blue on hover when active */
-    transform: translateY(-3px);
-    box-shadow: 0 6px 16px rgba(52, 152, 219, 0.4); /* Blue glow */
-}
+/* No special styling for active state - button looks same whether zoom is on or off */
 
 .shortcuts-btn {
     position: fixed;