feat(deps): add PandaCSS, fonts, and FontAwesome for styling

- Add @pandacss/dev and @srjuggernaut-dev/srjuggernaut-panda-preset for CSS-in-JS styling
- Include @fontsource-variable/roboto and @fontsource/orbitron for typography
- Add @fortawesome/fontawesome-free for icons
- Update .gitignore to exclude styled-system and styled-system-studio directories

panda.config.ts

@@ -0,0 +1,29 @@
+import { defineConfig } from '@pandacss/dev'
+import srJuggernautPandaPreset from '@srjuggernaut-dev/srjuggernaut-panda-preset'
+import themeConfig from '@/styles/theme'
+
+export default defineConfig({
+  presets: [srJuggernautPandaPreset(themeConfig)],
+  preflight: true,
+  include: ['./src/**/*.{ts,tsx,js,jsx,astro}'],
+  exclude: [],
+  globalCss: {
+    body: {
+      fontFamily: "'Roboto Variable', sans-serif",
+      backgroundColor: 'neutral.1',
+      color: 'neutral.12'
+    },
+    '*, *::before, *::after': {
+      margin: 0,
+      padding: 0,
+      boxSizing: 'border-box'
+    },
+    'h1, h2, h3, h4, h5, h6': {
+      fontWeight: ''
+    }
+  },
+  theme: {
+    extend: {}
+  },
+  outdir: 'styled-system'
+})