feat: scaffold React frontend with Tailwind and Layonara theme

packages/frontend/src/App.tsx

@@ -0,0 +1,12 @@
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { Dashboard } from "./pages/Dashboard";
+
+export function App() {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Dashboard />} />
+      </Routes>
+    </BrowserRouter>
+  );
+}

packages/frontend/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "./App";
+import "./styles/globals.css";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

packages/frontend/src/pages/Dashboard.tsx

@@ -0,0 +1,14 @@
+export function Dashboard() {
+  return (
+    <div className="flex h-screen items-center justify-center">
+      <div className="text-center">
+        <h1 className="font-serif text-4xl font-bold text-forge-accent">
+          Layonara Forge
+        </h1>
+        <p className="mt-2 text-forge-text-secondary">
+          NWN Development Environment
+        </p>
+      </div>
+    </div>
+  );
+}

packages/frontend/src/styles/globals.css

@@ -0,0 +1,25 @@
+@import "tailwindcss";
+
+:root {
+  --forge-bg: #121212;
+  --forge-surface: #1e1e2e;
+  --forge-border: #2e2e3e;
+  --forge-accent: #946200;
+  --forge-text: #f2f2f2;
+  --forge-text-secondary: #888888;
+}
+
+:root.light {
+  --forge-bg: #f2f2f2;
+  --forge-surface: #ffffff;
+  --forge-border: #cbcbcb;
+  --forge-accent: #946200;
+  --forge-text: #252525;
+  --forge-text-secondary: #666666;
+}
+
+body {
+  background-color: var(--forge-bg);
+  color: var(--forge-text);
+  font-family: "Inter", system-ui, sans-serif;
+}