test(frontend): add vitest test suite and apply code formatting

frontend/src/style.css

@@ -1,8 +1,7 @@
 :root {
   color-scheme: dark;
 
-  --font-body:
-    "Atkinson Hyperlegible", "Segoe UI", "Helvetica Neue", sans-serif;
+  --font-body: "Atkinson Hyperlegible", "Segoe UI", "Helvetica Neue", sans-serif;
   --font-display: "Space Grotesk", "Segoe UI", sans-serif;
   --font-mono: "IBM Plex Mono", Consolas, monospace;
 
@@ -118,12 +117,7 @@ body {
 body {
   font-family: var(--font-body);
   color: var(--ink-0);
-  background: radial-gradient(
-    circle at 20% 10%,
-    var(--bg-grad-a) 0%,
-    var(--bg-grad-b) 50%,
-    var(--bg-grad-c) 100%
-  );
+  background: radial-gradient(circle at 20% 10%, var(--bg-grad-a) 0%, var(--bg-grad-b) 50%, var(--bg-grad-c) 100%);
   line-height: 1.45;
 }
 
@@ -467,11 +461,7 @@ select {
   font-size: 0.95rem;
   letter-spacing: 0.05em;
   color: var(--brand-contrast);
-  background: linear-gradient(
-    140deg,
-    var(--badge-start) 0%,
-    var(--badge-end) 100%
-  );
+  background: linear-gradient(140deg, var(--badge-start) 0%, var(--badge-end) 100%);
 }
 
 .brand-text,