feat(video-streaming): add ApiStatusIndicator, PerformanceDashboard, VideoDebugger, and VideoErrorBoundary components

- Implemented ApiStatusIndicator to monitor video API connection status with health check functionality.
- Created PerformanceDashboard for monitoring video streaming performance metrics in development mode.
- Developed VideoDebugger for diagnosing video streaming issues with direct access to test video URLs.
- Added VideoErrorBoundary to handle errors in video streaming components with user-friendly messages and recovery options.
- Introduced utility functions for performance monitoring and thumbnail caching to optimize video streaming operations.
- Added comprehensive tests for video streaming API connectivity and functionality.

API Documentations/docs/guides/MQTT_LOGGING_GUIDE.md

@@ -38,7 +38,7 @@ When you run the system, you'll see:
 
 ### MQTT Status
 ```http
-GET http://vision:8000/mqtt/status
+GET http://localhost:8000/mqtt/status
 ```
 
 **Response:**
@@ -60,7 +60,7 @@ GET http://vision:8000/mqtt/status
 
 ### Machine Status
 ```http
-GET http://vision:8000/machines
+GET http://localhost:8000/machines
 ```
 
 **Response:**
@@ -85,7 +85,7 @@ GET http://vision:8000/machines
 
 ### System Status
 ```http
-GET http://vision:8000/system/status
+GET http://localhost:8000/system/status
 ```
 
 **Response:**
@@ -125,13 +125,13 @@ Tests all the API endpoints and shows expected responses.
 ### 4. **Query APIs Directly**
 ```bash
 # Check MQTT status
-curl http://vision:8000/mqtt/status
+curl http://localhost:8000/mqtt/status
 
 # Check machine states
-curl http://vision:8000/machines
+curl http://localhost:8000/machines
 
 # Check overall system status
-curl http://vision:8000/system/status
+curl http://localhost:8000/system/status
 ```
 
 ## 🔧 Configuration