feat(ui): add file-type icons and clamp window titles

Add a file-to-icon resolver for common MIME types/extensions so uploads
display appropriate Win98-style icons. Update upload and window CSS to
use image-based, pixelated icons, and prevent long window titles from
overflowing by adding a flex label with ellipsis handling.feat(ui): add file-type icons and clamp window titles

Add a file-to-icon resolver for common MIME types/extensions so uploads
display appropriate Win98-style icons. Update upload and window CSS to
use image-based, pixelated icons, and prevent long window titles from
overflowing by adding a flex label with ellipsis handling.

templates/box_login.html

@@ -4,6 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>WarpBox Login - {{ .BoxID }}</title>
+        <link rel="icon" type="image/png" href="/static/WarpBoxLogo.png">
         <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
         <link rel="stylesheet" href="/static/css/app.css">
         <link rel="stylesheet" href="/static/css/window.css">
@@ -14,7 +15,10 @@
         <main>
             <section class="win98-window login-window" aria-labelledby="login-window-title">
                 <header class="win98-titlebar login-titlebar">
-                    <h1 id="login-window-title">Enter Network Password</h1>
+                    <div class="win98-titlebar-label">
+                        <img class="win98-titlebar-icon" src="/static/WarpBoxLogo.png" alt="" aria-hidden="true">
+                        <h1 id="login-window-title">Enter Network Password</h1>
+                    </div>
                     <div class="win98-window-controls" aria-hidden="true">
                         <span class="win98-control">_</span>
                         <span class="win98-control">□</span>