Enable console debugging and add debug statements

- Enable console logging in vite.config.ts:
  - Set drop_console to false
  - Disabled pure_funcs stripping for console.log
  - Changed esbuild to only drop debugger, keep console

- Add debug logging to auth-gate.ts:
  - Log setAuthInitialized calls

- Add debug logging to useSavedStations.ts:
  - Log hook invocations
  - Log query function execution and results
  - Added retry configuration

- Add debug logging to StationsPage.tsx:
  - Log component renders
  - Log useSavedStations result state

These logs will show us what's happening with auth initialization and
query state transitions that are causing the React DOM removeChild error.

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/features/stations/hooks/useSavedStations.ts

@@ -36,13 +36,22 @@ interface UseSavedStationsOptions {
 export function useSavedStations(options?: UseSavedStationsOptions) {
   const isAuthInitialized = useIsAuthInitialized();
 
+  console.log('[DEBUG useSavedStations] Hook called, isAuthInitialized:', isAuthInitialized);
+
   return useQuery({
     queryKey: SAVED_STATIONS_QUERY_KEY,
-    queryFn: () => stationsApi.getSavedStations(),
+    queryFn: async () => {
+      console.log('[DEBUG useSavedStations] Query function executing');
+      const result = await stationsApi.getSavedStations();
+      console.log('[DEBUG useSavedStations] Query result:', result);
+      return result;
+    },
     staleTime: options?.staleTime ?? 5 * 60 * 1000, // 5 minutes default
     refetchOnWindowFocus: options?.refetchOnWindowFocus ?? true,
     refetchOnMount: true,
-    enabled: isAuthInitialized // Only fetch once auth is initialized
+    enabled: isAuthInitialized, // Only fetch once auth is initialized
+    retry: 1,
+    retryDelay: 1000
   });
 }
 

frontend/src/features/stations/pages/StationsPage.tsx

@@ -52,6 +52,8 @@ const TabPanel: React.FC<TabPanelProps> = ({ children, value, index }) => {
  * Mobile: Stacks vertically
  */
 export const StationsPage: React.FC = () => {
+  console.log('[DEBUG StationsPage] Rendering');
+
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('md'));
 
@@ -64,7 +66,9 @@ export const StationsPage: React.FC = () => {
 
   // Queries and mutations
   const { mutate: search, isPending: isSearching, error: searchError } = useStationsSearch();
-  const { data: savedStations = [] } = useSavedStations();
+  const { data: savedStations = [], isLoading: isSavedLoading, error: savedError } = useSavedStations();
+  console.log('[DEBUG StationsPage] useSavedStations result:', { data: savedStations, isLoading: isSavedLoading, error: savedError });
+
   const { mutate: saveStation } = useSaveStation();
   const { mutate: deleteStation } = useDeleteStation();