feat(ifs): add Material Station dashboard card with manual slot editor

Bring the WebUI to parity with the desktop FlashForgeUI: a real IFS
Material Station grid card (4 slots, swatch + material) that refreshes
from the printer's cached station status. Clicking a slot opens a manual
editor — a material dropdown (14 recognized materials) and a grid of the
24 recognized color swatches, pre-seeded from the slot's current state.
When Spoolman is configured, the editor offers a "Set from Spoolman"
shortcut that pre-fills the selections (snapped to the fixed palette) for
review before applying via the slot-config route.

- New `ifs-station` grid component (definition + template + default layout
  + mobile order + Panel Visibility picker checkbox), feature-gated on the
  material station so it's user-added/positioned like any other card.
- Replaces the earlier approach (an "Edit IFS Slots" button buried in the
  Spoolman Tracker panel + a slot-list modal), which is removed.
- Removes the runtime auto-reveal of the Spoolman and IFS cards; cards now
  simply become available in the picker when their feature is present,
  matching desktop behaviour.
- Spool picker renders above the slot editor (z-index) and resets on close.

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

Author: GhostTypes

src/webui/static/app.ts

@@ -49,7 +49,6 @@ import {
 import {
   applyDefaultTheme,
   applySettings,
-  ensureSpoolmanVisibilityIfEnabled,
   initializeLayout,
   loadWebUITheme,
   persistSettings,
@@ -62,7 +61,7 @@ import {
   confirmMaterialMatching,
   setupMaterialMatchingHandlers,
 } from './features/material-matching.js';
-import { setupIfsStationHandlers } from './features/ifs-station.js';
+import { refreshIfsStationCard, setupIfsStationCard } from './features/ifs-station.js';
 import { initializeDiscovery } from './features/printer-discovery.js';
 import { loadSpoolmanConfig, setupSpoolmanHandlers } from './features/spoolman.js';
 import { $, hideElement, showElement } from './shared/dom.js';
@@ -320,6 +319,7 @@ onConnectionChange((connected) => {
 
 onStatusUpdate((status) => {
   updatePrinterStatus(status);
+  void refreshIfsStationCard();
 });
 
 onSpoolmanUpdate((contextId, spool) => {
@@ -374,14 +374,13 @@ async function initialize(): Promise<void> {
   setupJobControlEventHandlers();
   setupMaterialMatchingHandlers();
   setupSpoolmanHandlers();
-  setupIfsStationHandlers();
+  setupIfsStationCard();
   initializeDiscovery();
 
   const contextHandlers = {
     onContextSwitched: async () => {
       await loadPrinterFeatures();
       await loadSpoolmanConfig();
-      ensureSpoolmanVisibilityIfEnabled();
       initializeCamera();
     },
   };
@@ -433,7 +432,6 @@ async function handlePostLoginTasks(): Promise<void> {
     await loadPrinterFeatures();
     await fetchPrinterContexts();
     await loadSpoolmanConfig();
-    ensureSpoolmanVisibilityIfEnabled();
 
     initializeCamera();
   } catch (error) {