Fix dashboard authentication and routing issues

- Fix NODE_ENV=production cookie security issue for local development
- Add production API URL configuration (.env.production)
- Enable SPA routing with serve -s flag for frontend
- Fix React hooks violation in DashboardPage (error #310)
- Move useQuery hooks before conditional returns
- Rebuild frontend with all fixes applied

Resolves dashboard 401 errors, 404 routing issues, and React error #310

apps/web/src/pages/DashboardPage.tsx

@@ -85,22 +85,6 @@ export function DashboardPage() {
   const cardBg = useColorModeValue('white', 'gray.800');
   const borderColor = useColorModeValue('gray.200', 'gray.700');
 
-  if (!isAuthenticated) {
-    return (
-      <Container maxW="md">
-        <VStack spacing={6}>
-          <Alert status="warning">
-            <AlertIcon />
-            Please sign in to access your dashboard
-          </Alert>
-          <Button as={RouterLink} to="/login" colorScheme="brand">
-            Sign In
-          </Button>
-        </VStack>
-      </Container>
-    );
-  }
-
   // Fetch recent checks (only when authenticated)
   const { 
     data: recentChecks = [], 
@@ -127,6 +111,22 @@ export function DashboardPage() {
     enabled: isAuthenticated, // Only run when authenticated
   });
 
+  if (!isAuthenticated) {
+    return (
+      <Container maxW="md">
+        <VStack spacing={6}>
+          <Alert status="warning">
+            <AlertIcon />
+            Please sign in to access your dashboard
+          </Alert>
+          <Button as={RouterLink} to="/login" colorScheme="brand">
+            Sign In
+          </Button>
+        </VStack>
+      </Container>
+    );
+  }
+
   // Calculate dashboard metrics
   const dashboardMetrics = {
     totalChecks: recentChecks.length,