Update Docker configuration, enhance error handling, and improve logging

- Added health check to the camera management API service in docker-compose.yml for better container reliability.
- Updated installation scripts in Dockerfile to check for existing dependencies before installation, improving efficiency.
- Enhanced error handling in the USDAVisionSystem class to allow partial operation if some components fail to start, preventing immediate shutdown.
- Improved logging throughout the application, including more detailed error messages and critical error handling in the main loop.
- Refactored WebSocketManager and CameraMonitor classes to use debug logging for connection events, reducing log noise.

management-dashboard-web-app/src/components/DashboardLayout.tsx

@@ -217,7 +217,7 @@ export function DashboardLayout({ onLogout, currentRoute }: DashboardLayoutProps
         return <DataEntry />
       case 'vision-system':
         return (
-          <ErrorBoundary fallback={<div className="p-6">Failed to load vision system module. Please try again.</div>}>
+          <ErrorBoundary>
             <Suspense fallback={<div className="p-6">Loading vision system module...</div>}>
               <RemoteVisionSystem />
             </Suspense>
@@ -225,7 +225,7 @@ export function DashboardLayout({ onLogout, currentRoute }: DashboardLayoutProps
         )
       case 'scheduling':
         return (
-          <ErrorBoundary fallback={<div className="p-6">Failed to load scheduling module. Please try again.</div>}>
+          <ErrorBoundary>
             <Suspense fallback={<div className="p-6">Loading scheduling module...</div>}>
               <RemoteScheduling user={user} currentRoute={currentRoute} />
             </Suspense>
@@ -233,7 +233,7 @@ export function DashboardLayout({ onLogout, currentRoute }: DashboardLayoutProps
         )
       case 'video-library':
         return (
-          <ErrorBoundary fallback={<div className="p-6">Failed to load video module. Please try again.</div>}>
+          <ErrorBoundary>
             <Suspense fallback={<div className="p-6">Loading video module...</div>}>
               <RemoteVideoLibrary />
             </Suspense>
@@ -312,7 +312,7 @@ export function DashboardLayout({ onLogout, currentRoute }: DashboardLayoutProps
         )}
       </div>
       <div
-        className={`flex-1 transition-all duration-300 ease-in-out bg-gray-50 dark:bg-gray-900 ${isExpanded || isHovered ? "lg:ml-[290px]" : "lg:ml-[90px]"
+        className={`flex-1 transition-all duration-300 ease-in-out bg-gray-50 dark:bg-gray-900 flex flex-col min-h-0 ${isExpanded || isHovered ? "lg:ml-[290px]" : "lg:ml-[90px]"
           } ${isMobileOpen ? "ml-0" : ""}`}
       >
         <TopNavbar
@@ -323,7 +323,7 @@ export function DashboardLayout({ onLogout, currentRoute }: DashboardLayoutProps
           isSidebarOpen={isMobileOpen}
           onNavigateToProfile={() => handleViewChange('profile')}
         />
-        <div className="p-4 mx-auto max-w-(--breakpoint-2xl) md:p-6">
+        <div className="flex-1 min-h-0 overflow-hidden p-4 md:p-6">
           {renderCurrentView()}
         </div>
       </div>