Scaffold pinned Svelte frontend toolchain

Add a strict TypeScript and Vite workspace with reproducible Node, npm, and dependency versions plus Make targets for checking and building it.

web/src/App.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+  const stack: readonly string[] = ['Svelte 5', 'TypeScript', 'Vite'];
+</script>
+
+<svelte:head>
+  <meta
+    name="description"
+    content="Nuthatch provides browser access to personal and shared object storage."
+  />
+</svelte:head>
+
+<main>
+  <h1>Nuthatch</h1>
+  <p>Frontend scaffold ready.</p>
+  <ul aria-label="Frontend stack">
+    {#each stack as component}
+      <li>{component}</li>
+    {/each}
+  </ul>
+</main>
+
+<style>
+  :global(*) {
+    box-sizing: border-box;
+  }
+
+  :global(body) {
+    margin: 0;
+    min-width: 20rem;
+    background: #f4f1e8;
+    color: #252b24;
+    font-family:
+      Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  }
+
+  main {
+    width: min(42rem, calc(100% - 2rem));
+    margin: 15vh auto 0;
+    padding: 2rem;
+    border: 1px solid #ced4c7;
+    border-radius: 1rem;
+    background: #fffef9;
+    box-shadow: 0 1rem 3rem rgb(61 72 55 / 10%);
+  }
+
+  h1 {
+    margin: 0;
+    font-size: clamp(2rem, 8vw, 4rem);
+    letter-spacing: -0.05em;
+  }
+
+  p {
+    font-size: 1.125rem;
+  }
+
+  ul {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    padding: 0;
+    list-style: none;
+  }
+
+  li {
+    padding: 0.35rem 0.7rem;
+    border-radius: 999px;
+    background: #e4eadc;
+  }
+</style>

web/src/main.ts

@@ -0,0 +1,10 @@
+import { mount } from 'svelte';
+import App from './App.svelte';
+
+const target = document.getElementById('app');
+
+if (target === null) {
+  throw new Error('Missing application mount point');
+}
+
+mount(App, { target });