feat: integrate icon

frontend/src/icons.ts

@@ -1,6 +1,5 @@
 // Stroke icons in the Lucide style (24×24 grid, ISC licence).
 const paths: Record<string, string> = {
-  logo: '<path d="M4 11v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8H4Z"/><path d="m4 11-.88-2.87a2 2 0 0 1 1.33-2.5l11.48-3.5a2 2 0 0 1 2.5 1.32l.87 2.87L4 11.01Z"/><path d="m6.6 4.99 3.38 4.2"/><path d="m11.86 3.38 3.38 4.2"/>',
   new: '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M12 18v-6"/><path d="M9 15h6"/>',
   open: '<path d="m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2"/>',
   save: '<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><path d="M17 21v-8H7v8"/><path d="M7 3v5h8"/>',

frontend/src/style.css

@@ -248,22 +248,15 @@ body.backdrop .topbar > * {
   letter-spacing: 0.01em;
 }
 
+/* The application icon (frontend/public/favicon.svg), which draws its own
+   rounded tile. */
 .brand .logo {
-  display: grid;
-  place-items: center;
   width: 30px;
   height: 30px;
-  border-radius: 9px;
-  color: #fff;
-  background: linear-gradient(135deg, #3b82f6, #6366f1);
+  border-radius: 7px;
   box-shadow: 0 4px 14px rgb(59 130 246 / 0.4);
 }
 
-.brand .logo svg {
-  width: 17px;
-  height: 17px;
-}
-
 .doc {
   display: flex;
   align-items: center;