Update deployment health checks. Fix UI bugs.

frontend/src/features/vehicles/pages/VehiclesPage.tsx

@@ -3,7 +3,7 @@
  * @ai-context Enhanced with Suspense, useOptimistic, and useTransition
  */
 
-import React, { useState, useEffect, useTransition } from 'react';
+import React, { useState, useTransition, useMemo } from 'react';
 import { Box, Typography, Grid, Button as MuiButton, TextField, IconButton } from '@mui/material';
 import AddIcon from '@mui/icons-material/Add';
 import SearchIcon from '@mui/icons-material/Search';
@@ -25,33 +25,33 @@ export const VehiclesPage: React.FC = () => {
   const queryClient = useQueryClient();
   const { data: vehicles, isLoading } = useVehicles();
   const setSelectedVehicle = useAppStore(state => state.setSelectedVehicle);
-  
+
+  // Stable reference for empty array (prevents infinite loop when vehicles is undefined)
+  const safeVehicles = useMemo(
+    () => (Array.isArray(vehicles) ? vehicles : []),
+    [vehicles]
+  );
+
   // React 19 optimistic updates and transitions
-  const { 
-    optimisticVehicles, 
-    isPending: isOptimisticPending, 
-    optimisticCreateVehicle, 
-    optimisticDeleteVehicle 
-  } = useOptimisticVehicles(Array.isArray(vehicles) ? vehicles : []);
+  const {
+    optimisticVehicles,
+    isPending: isOptimisticPending,
+    optimisticCreateVehicle,
+    optimisticDeleteVehicle
+  } = useOptimisticVehicles(safeVehicles);
   
-  const { 
-    searchQuery, 
-    filteredVehicles, 
-    isPending: isSearchPending, 
-    handleSearch, 
-    clearSearch, 
-    updateVehicles 
+  const {
+    searchQuery,
+    filteredVehicles,
+    isPending: isSearchPending,
+    handleSearch,
+    clearSearch
   } = useVehicleSearch(optimisticVehicles);
   
   const [isPending, startTransition] = useTransition();
   const [showForm, setShowForm] = useState(false);
   const [stagedImageFile, setStagedImageFile] = useState<File | null>(null);
 
-  // Update search vehicles when optimistic vehicles change
-  useEffect(() => {
-    updateVehicles(optimisticVehicles);
-  }, [optimisticVehicles, updateVehicles]);
-
   const handleSelectVehicle = (id: string) => {
     // Use transition for navigation to avoid blocking UI
     startTransition(() => {