feat(video): Implement MP4 format support across frontend and backend

- Updated VideoModal to display web compatibility status for video formats.
- Enhanced VideoPlayer to dynamically fetch video MIME types and handle MP4 streaming.
- Introduced video file utilities for better handling of video formats and MIME types.
- Modified CameraConfig interface to include new video recording settings (format, codec, quality).
- Created comprehensive documentation for MP4 format integration and frontend implementation.
- Ensured backward compatibility with existing AVI files while promoting MP4 as the preferred format.
- Added validation and error handling for video format configurations.

API Documentations/docs/legacy/README_SYSTEM.md

@@ -192,13 +192,13 @@ Comprehensive error tracking with:
 
 ```bash
 # Check system status
-curl http://vision:8000/system/status
+curl http://localhost:8000/system/status
 
 # Check camera status
-curl http://vision:8000/cameras
+curl http://localhost:8000/cameras
 
 # Manual recording start
-curl -X POST http://vision:8000/cameras/camera1/start-recording \
+curl -X POST http://localhost: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://vision:8000/health`
+3. Check API status at `http://localhost:8000/health`