Added tabler icons

frontend/src/components/Header.tsx

@@ -1,24 +1,14 @@
 import { Link } from "@tanstack/react-router";
+import { IconHome } from "@tabler/icons-react";
 
 export default function Header() {
     return (
-        <header className="p-2 flex gap-2 bg-white text-black justify-between">
-            <nav className="flex flex-row">
-                <div className="px-2 font-bold">
-                    <Link to="/">Home</Link>
-                </div>
-
-                <div className="px-2 font-bold">
-                    <Link to="/demo/form/simple">Simple Form</Link>
-                </div>
-
-                <div className="px-2 font-bold">
-                    <Link to="/demo/form/address">Address Form</Link>
-                </div>
-
-                <div className="px-2 font-bold">
-                    <Link to="/demo/tanstack-query">TanStack Query</Link>
-                </div>
+        <header className="py-2 px-4 flex gap-2 bg-panel text-black justify-between">
+            <nav className="flex flex-row font-bold">
+                <Link to="/" className="flex items-center gap-2">
+                    <IconHome size={20} />
+                    Home
+                </Link>
             </nav>
         </header>
     );

frontend/src/styles.css

@@ -1,5 +1,10 @@
 @import "tailwindcss";
 
+@theme {
+    --color-body: #232323;
+    --color-panel: #101010;
+}
+
 body {
     @apply m-0;
     font-family: