feat: add Pagination component for video list navigation

- Implemented a reusable Pagination component with first/last, previous/next, and numbered page buttons.
- Added PageInfo component to display current page and total items.
- Integrated pagination into VideoList component, allowing users to navigate through video pages.
- Updated useVideoList hook to manage current page and total pages state.
- Modified videoApi service to support pagination with offset-based API.
- Enhanced VideoCard styling for better UI consistency.
- Updated Tailwind CSS configuration to include custom colors and shadows for branding.
- Refactored video file settings to use 'h264' codec for better compatibility.

API Documentations/docs/guides/CAMERA_RECOVERY_GUIDE.md

@@ -56,27 +56,27 @@ When a camera has issues, follow this order:
 
 1. **Test Connection** - Diagnose the problem
    ```http
-   POST http://localhost:8000/cameras/camera1/test-connection
+   POST http://vision:8000/cameras/camera1/test-connection
    ```
 
 2. **Try Reconnect** - Most common fix
    ```http
-   POST http://localhost:8000/cameras/camera1/reconnect
+   POST http://vision:8000/cameras/camera1/reconnect
    ```
 
 3. **Restart Grab** - If reconnect doesn't work
    ```http
-   POST http://localhost:8000/cameras/camera1/restart-grab
+   POST http://vision:8000/cameras/camera1/restart-grab
    ```
 
 4. **Full Reset** - For persistent issues
    ```http
-   POST http://localhost:8000/cameras/camera1/full-reset
+   POST http://vision:8000/cameras/camera1/full-reset
    ```
 
 5. **Reinitialize** - For cameras that never worked
    ```http
-   POST http://localhost:8000/cameras/camera1/reinitialize
+   POST http://vision:8000/cameras/camera1/reinitialize
    ```
 
 ## Response Format