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.

src/utils/videoFileUtils.ts

@@ -136,12 +136,12 @@ export function getRecommendedVideoSettings(useCase: 'production' | 'storage-opt
   const settings = {
     production: {
       video_format: 'mp4',
-      video_codec: 'mp4v',
+      video_codec: 'h264',
       video_quality: 95,
     },
     'storage-optimized': {
       video_format: 'mp4',
-      video_codec: 'mp4v',
+      video_codec: 'h264',
       video_quality: 85,
     },
     legacy: {