feat: add Panda CSS styling system with fonts and icons

Add @pandacss/dev, srjuggernaut-panda-preset, FontAwesome icons, and fonts to enable styling.
Update .gitignore to exclude styled-system directories.

package.json

@@ -6,12 +6,13 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
-    "prepare": "bun run ./.husky/install.mts"
+    "prepare": "panda codegen && bun run ./.husky/install.mts"
   },
   "devDependencies": {
     "@biomejs/biome": "2.4.5",
     "@commitlint/cli": "^20.4.3",
     "@commitlint/config-conventional": "^20.4.3",
+    "@pandacss/dev": "^1.8.2",
     "@types/bun": "latest",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
@@ -24,6 +25,13 @@
     "typescript": "^5"
   },
   "dependencies": {
+    "@fontsource-variable/roboto": "^5.2.10",
+    "@fontsource/orbitron": "^5.2.8",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-brands-svg-icons": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/react-fontawesome": "^3.2.0",
+    "@srjuggernaut-dev/srjuggernaut-panda-preset": "^0.0.17",
     "@tanstack/react-router": "^1.163.3",
     "@tanstack/react-start": "^1.166.1",
     "@vitejs/plugin-react-swc": "^4.2.3",