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.

src/lib/visionApi.ts

@@ -156,6 +156,10 @@ export interface CameraConfig {
   exposure_ms: number
   gain: number
   target_fps: number
+  // NEW VIDEO RECORDING SETTINGS (MP4 format support)
+  video_format?: string  // 'mp4' or 'avi' (optional for backward compatibility)
+  video_codec?: string   // 'mp4v', 'XVID', 'MJPG' (optional for backward compatibility)
+  video_quality?: number // 0-100 (higher = better quality) (optional for backward compatibility)
   sharpness: number
   contrast: number
   saturation: number
@@ -179,6 +183,10 @@ export interface CameraConfigUpdate {
   exposure_ms?: number
   gain?: number
   target_fps?: number
+  // NEW VIDEO RECORDING SETTINGS (MP4 format support)
+  video_format?: string  // 'mp4' or 'avi'
+  video_codec?: string   // 'mp4v', 'XVID', 'MJPG'
+  video_quality?: number // 0-100 (higher = better quality)
   sharpness?: number
   contrast?: number
   saturation?: number