feat: Implement session management and routing for general creation

- Added session initialization in main.ts to manage user sessions.
- Updated router to include a new route for joining or creating a general.
- Enhanced session store with methods for managing session tokens and user profiles.
- Introduced new components for displaying city, general, nation, and command information.
- Implemented loading states and error handling in the main view.
- Created a skeleton loader component for better user experience during data fetching.
- Updated TypeScript definitions for route metadata to include new authentication requirements.

app/game-frontend/src/utils/gatewayTrpc.ts

@@ -0,0 +1,22 @@
+import { createTRPCProxyClient, httpBatchLink } from '@trpc/client';
+import type { AppRouter } from '@sammo-ts/gateway-api';
+
+const getSessionToken = (): string | null => {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+
+    return window.localStorage.getItem('sammo-session-token');
+};
+
+export const gatewayTrpc = createTRPCProxyClient<AppRouter>({
+    links: [
+        httpBatchLink({
+            url: import.meta.env.VITE_GATEWAY_API_URL ?? '/api/trpc',
+            headers() {
+                const token = getSessionToken();
+                return token ? { 'x-session-token': token } : {};
+            },
+        }),
+    ],
+});

app/game-frontend/src/utils/trpc.ts

@@ -1,21 +1,21 @@
 import { createTRPCProxyClient, httpBatchLink } from '@trpc/client';
 import type { AppRouter } from '@sammo-ts/game-api';
 
-const getSessionToken = (): string | null => {
+const getGameToken = (): string | null => {
     if (typeof window === 'undefined') {
         return null;
     }
 
-    return window.localStorage.getItem('sammo-session-token');
+    return window.localStorage.getItem('sammo-game-token');
 };
 
 export const trpc = createTRPCProxyClient<AppRouter>({
     links: [
         httpBatchLink({
-            url: '/api/trpc',
+            url: import.meta.env.VITE_GAME_API_URL ?? '/api/trpc',
             headers() {
-                const token = getSessionToken();
-                return token ? { 'x-session-token': token } : {};
+                const token = getGameToken();
+                return token ? { authorization: `Bearer ${token}` } : {};
             },
         }),
     ],