refactor: remove inline WebSocket code from templates

collections.templ:
- Removed ~75 lines of inline WebSocket JS
- Added initializeCollectionWebSocket using websocket.ts utility
- Updated template to use x-init for WebSocket init

admin.templ:
- Removed ~55 lines of inline WebSocket JS
- Added initializeScanWebSocket using websocket.ts utility
- Updated template to use x-init for WebSocket init

Both now use the shared websocket.ts createWebSocket function

web/src/admin.ts

@@ -1,5 +1,46 @@
 import { Alpine } from "./alpine";
 import { showToast } from "./toast";
+import { createWebSocket } from "./websocket";
+
+function initializeScanWebSocket(): void {
+  createWebSocket({
+    onMessage: (message) => {
+      switch (message.type) {
+        case "scan_progress":
+          updateScanProgress(message.data);
+          break;
+        case "scan_complete":
+          showScanComplete(message.data);
+          break;
+        case "scan_error":
+          showScanError(message.data);
+          break;
+      }
+    },
+    enableReconnect: true,
+    reconnectDelay: 5000,
+  });
+}
+
+function updateScanProgress(data: { progress: number; files_scanned: number; new_items: number }): void {
+  const progressBar = document.getElementById("scan-progress-bar");
+  if (progressBar) {
+    progressBar.style.width = (data.progress * 100) + "%";
+  }
+
+  const progressText = document.getElementById("scan-progress-text");
+  if (progressText) {
+    progressText.textContent = `${data.files_scanned} files scanned (${data.new_items} new)`;
+  }
+}
+
+function showScanComplete(_data: unknown): void {
+  console.log("Scan complete:", _data);
+}
+
+function showScanError(_data: unknown): void {
+  console.error("Scan error:", _data);
+}
 
 async function triggerLibraryScan(): Promise<void> {
   const token = localStorage.getItem("token");
@@ -339,6 +380,7 @@ function stopScanStatusPolling(): void {
 
 export {
   hideScanProgress,
+  initializeScanWebSocket,
   loadSystemStats,
   loadWatchStatus,
   scanAllLibraries,
@@ -349,6 +391,7 @@ export {
 
 Alpine.data("admin", () => ({
   hideScanProgress,
+  initializeScanWebSocket,
   loadSystemStats,
   loadWatchStatus,
   scanAllLibraries,