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.

src/routes/__root.tsx

@@ -1,4 +1,9 @@
 /// <reference types="vite/client" />
+
+import ORBITRON from '@fontsource/orbitron/900.css?url'
+import ROBOTO from '@fontsource-variable/roboto?url'
+import { config } from '@fortawesome/fontawesome-svg-core'
+import FONTAWESOME_STYLES from '@fortawesome/fontawesome-svg-core/styles.css?url'
 import {
   createRootRoute,
   HeadContent,
@@ -6,6 +11,9 @@ import {
   Scripts
 } from '@tanstack/react-router'
 import type { ReactNode } from 'react'
+import GLOBAL_CSS from '@/styles/global.css?url'
+
+config.autoAddCss = false
 
 export const Route = createRootRoute({
   head: () => ({
@@ -20,6 +28,24 @@ export const Route = createRootRoute({
       {
         title: 'Juggernaut Plays Blog'
       }
+    ],
+    links: [
+      {
+        rel: 'stylesheet',
+        href: GLOBAL_CSS
+      },
+      {
+        rel: 'stylesheet',
+        href: ROBOTO
+      },
+      {
+        rel: 'stylesheet',
+        href: ORBITRON
+      },
+      {
+        rel: 'stylesheet',
+        href: FONTAWESOME_STYLES
+      }
     ]
   }),
   component: RootComponent