feat(video-streaming): Implement video streaming feature with components, hooks, services, and utilities

- Added centralized exports for video streaming components and hooks.
- Implemented `useVideoInfo` hook for fetching and managing video metadata and streaming information.
- Developed `useVideoList` hook for managing video list state, fetching, filtering, and pagination.
- Created `useVideoPlayer` hook for managing video player state and controls.
- Established `videoApiService` for handling API interactions related to video streaming.
- Defined TypeScript types for video streaming feature, including video metadata, API responses, and component props.
- Added utility functions for video operations, formatting, and data processing.
- Created main entry point for the video streaming feature, exporting all public APIs.

API Documentations/docs/legacy/IMPLEMENTATION_SUMMARY.md

@@ -73,10 +73,10 @@ Edit `config.json` to customize:
 - System parameters
 
 ### API Access
-- System status: `http://localhost:8000/system/status`
-- Camera status: `http://localhost:8000/cameras`
-- Manual recording: `POST http://localhost:8000/cameras/camera1/start-recording`
-- Real-time updates: WebSocket at `ws://localhost:8000/ws`
+- System status: `http://vision:8000/system/status`
+- Camera status: `http://vision:8000/cameras`
+- Manual recording: `POST http://vision:8000/cameras/camera1/start-recording`
+- Real-time updates: WebSocket at `ws://vision:8000/ws`
 
 ## 📊 Test Results
 
@@ -146,18 +146,18 @@ The system provides everything needed for your React dashboard:
 
 ```javascript
 // Example API usage
-const systemStatus = await fetch('http://localhost:8000/system/status');
-const cameras = await fetch('http://localhost:8000/cameras');
+const systemStatus = await fetch('http://vision:8000/system/status');
+const cameras = await fetch('http://vision:8000/cameras');
 
 // WebSocket for real-time updates
-const ws = new WebSocket('ws://localhost:8000/ws');
+const ws = new WebSocket('ws://vision:8000/ws');
 ws.onmessage = (event) => {
   const update = JSON.parse(event.data);
   // Handle real-time system updates
 };
 
 // Manual recording control
-await fetch('http://localhost:8000/cameras/camera1/start-recording', {
+await fetch('http://vision:8000/cameras/camera1/start-recording', {
   method: 'POST',
   headers: { 'Content-Type': 'application/json' },
   body: JSON.stringify({ camera_name: 'camera1' })

API Documentations/docs/legacy/README_SYSTEM.md

@@ -192,13 +192,13 @@ Comprehensive error tracking with:
 
 ```bash
 # Check system status
-curl http://localhost:8000/system/status
+curl http://vision:8000/system/status
 
 # Check camera status
-curl http://localhost:8000/cameras
+curl http://vision:8000/cameras
 
 # Manual recording start
-curl -X POST http://localhost:8000/cameras/camera1/start-recording \
+curl -X POST http://vision:8000/cameras/camera1/start-recording \
   -H "Content-Type: application/json" \
   -d '{"camera_name": "camera1"}'
 ```
@@ -246,4 +246,4 @@ This project is developed for USDA research purposes.
 For issues and questions:
 1. Check the logs in `usda_vision_system.log`
 2. Review the troubleshooting section
-3. Check API status at `http://localhost:8000/health`
+3. Check API status at `http://vision:8000/health`

API Documentations/docs/legacy/TIMEZONE_SETUP_SUMMARY.md

@@ -76,7 +76,7 @@ timedatectl status
 ### API Endpoints
 ```bash
 # System status includes time info
-curl http://localhost:8000/system/status
+curl http://vision:8000/system/status
 
 # Example response includes:
 {