Major UI overhaul: bigger icons, creative inventory tabs, grouped smelting, alerts popup, analytics, mod icons

- Inventory: Bigger item icons (48px) filling their slots, MC-style hover tooltips
- Creative inventory category tabs (All/Blocks/Tools/Combat/Food/Redstone/Materials/Misc)
- Smelting recipes grouped by output item with collapsible sections
- Alerts moved from full tab to popup overlay triggered from header bell icon
- New Analytics tab with SVG charts (storage over time, top items, item trend lookup)
- Mod icon support for ComputerCraft (CC:Tweaked) via GitHub CDN fallback
- Server: new /api/history-summary endpoint for aggregate storage history
- Store: fetchHistorySummary and fetchItemHistory for analytics data

web/client/src/App.css

@@ -84,6 +84,57 @@ body {
   letter-spacing: 0.05em;
 }
 
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+/* === Alerts Bell === */
+.alerts-bell {
+  position: relative;
+  background: none;
+  border: 2px solid transparent;
+  cursor: pointer;
+  font-size: 1.2rem;
+  padding: 0.25rem 0.375rem;
+  border-radius: 0;
+  transition: all 0.1s;
+  line-height: 1;
+}
+
+.alerts-bell:hover {
+  background: rgba(255, 255, 255, 0.1);
+  border-color: #555;
+}
+
+.alerts-bell.has-alerts {
+  animation: bell-shake 2s infinite ease-in-out;
+}
+
+.alerts-bell-badge {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  background: var(--mc-text-red);
+  color: white;
+  font-size: 0.5rem;
+  font-weight: 700;
+  font-family: 'Silkscreen', 'Courier New', monospace;
+  padding: 1px 3px;
+  min-width: 14px;
+  text-align: center;
+  border: 1px solid var(--mc-dark);
+  text-shadow: 1px 1px 0 #000;
+}
+
+@keyframes bell-shake {
+  0%, 80%, 100% { transform: rotate(0deg); }
+  85% { transform: rotate(8deg); }
+  90% { transform: rotate(-8deg); }
+  95% { transform: rotate(4deg); }
+}
+
 /* === Connection Status === */
 .connection-status {
   display: flex;