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-endpoints.http

@@ -171,7 +171,7 @@ POST http://vision:8000/cameras/camera1/start-recording
 Content-Type: application/json
 
 {
-  "filename": "test_recording.avi",
+  "filename": "test_recording.mp4",
   "exposure_ms": 1.5,
   "gain": 3.0,
   "fps": 0
@@ -187,7 +187,7 @@ Content-Type: application/json
 # {
 #   "success": true,
 #   "message": "Recording started for camera1",
-#   "filename": "20250728_120000_test_recording.avi"
+#   "filename": "20250728_120000_test_recording.mp4"
 # }
 
 ###
@@ -197,7 +197,7 @@ POST http://vision:8000/cameras/camera1/start-recording
 Content-Type: application/json
 
 {
-  "filename": "simple_test.avi"
+  "filename": "simple_test.mp4"
 }
 
 ###