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.

panda.config.ts

@@ -0,0 +1,66 @@
+import { defineConfig } from '@pandacss/dev'
+import srJuggernautPandaPreset from '@srjuggernaut-dev/srjuggernaut-panda-preset'
+import themeConfig from '@/styles/theme'
+
+export default defineConfig({
+  presets: [srJuggernautPandaPreset(themeConfig)],
+  // Whether to use css reset
+  preflight: true,
+
+  // Where to look for your css declarations
+  include: ['./src/**/*.{js,jsx,ts,tsx}'],
+
+  // Files to exclude
+  exclude: [],
+
+  // Useful for theme customization
+  theme: {
+    extend: {}
+  },
+
+  globalCss: {
+    body: {
+      backgroundColor: 'neutral.1',
+      color: 'neutral.12',
+      fontFamily: "'Roboto Variable', sans-serif",
+      lineHeight: 'tight'
+    },
+    '*, *::before, *::after': {
+      margin: 0,
+      padding: 0,
+      boxSizing: 'border-box'
+    },
+    'h1, h2, h3, h4, h5, h6': {
+      fontWeight: '700',
+      textWrap: 'balance',
+      lineHeight: 'normal'
+    },
+    h1: {
+      fontFamily: 'orbitron',
+      fontWeight: '900',
+      fontSize: 'h1'
+    },
+    h2: {
+      fontSize: 'h2'
+    },
+    h3: {
+      fontSize: 'h3'
+    },
+    h4: {
+      fontSize: 'h4'
+    },
+    h5: {
+      fontSize: 'h5'
+    },
+    h6: {
+      fontSize: 'h6'
+    },
+    p: {
+      fontSize: 'body',
+      textWrap: 'pretty'
+    }
+  },
+
+  // The output directory for your css system
+  outdir: 'styled-system'
+})