Enhance video remote service and UI components

- Updated docker-compose.yml to include new media-api and mediamtx services for improved video handling.
- Modified package.json and package-lock.json to add TypeScript types for React and React DOM.
- Refactored video-related components (VideoCard, VideoList, VideoModal) for better user experience and responsiveness.
- Improved FiltersBar and Pagination components with enhanced styling and functionality.
- Added loading and error states in VideoList for better user feedback during data fetching.
- Enhanced CSS styles for a more polished look across the application.

docker-compose.yml

@@ -67,16 +67,40 @@ services:
     image: node:20-alpine
     working_dir: /app
     environment:
+      - CHOKIDAR_USEPOLLING=true
       - TZ=America/New_York
+      - VITE_MEDIA_API_URL=http://exp-dash:8090
+      - VITE_VISION_API_URL=http://exp-dash:8000
     volumes:
       - ./video-remote:/app
     command: >
       sh -lc "
         npm install;
-        npm run build;
-        npx http-server dist -p 3001 --cors -c-1
+        npm run dev:watch
       "
     extra_hosts:
       - "host.docker.internal:host-gateway"
     ports:
       - "3001:3001"
+
+  media-api:
+    build:
+      context: ./media-api
+      dockerfile: Dockerfile
+    environment:
+      - MEDIA_VIDEOS_DIR=/mnt/nfs_share
+      - MEDIA_THUMBS_DIR=/mnt/nfs_share/.thumbnails
+    volumes:
+      - /mnt/nfs_share:/mnt/nfs_share
+    ports:
+      - "8090:8090"
+
+  mediamtx:
+    image: bluenviron/mediamtx:latest
+    volumes:
+      - ./mediamtx.yml:/mediamtx.yml:ro
+      - /mnt/nfs_share:/mnt/nfs_share:ro
+    ports:
+      - "8554:8554" # RTSP
+      - "8889:8889" # WebRTC HTTP API
+      - "8189:8189" # WebRTC UDP