Merge branches 'main' and 'main' of https://gitlab.com/hanifsalafi/mediahub_redesign into prod

components/main/video-detail.tsx

@@ -474,7 +474,7 @@ const DetailVideo = () => {
             </div> */}
             <div className="relative max-h-screen overflow-hidden">
               <div className="w-full max-h-screen aspect-video">
-                <div className="w-full h-full">
+                <div className="w-full h-full object-contain">
                   <VideoPlayer
                     url={detailDataVideo?.files[selectedVideo]?.url}
                   />

utils/video-player.tsx

@@ -10,7 +10,7 @@ const VideoPlayer: React.FC<VideoPlayerProps> = ({ url }) => {
     <ReactPlayer
       className="react-player"
       width="100%"
-      height="auto"
+      height="100%"
       playing
       pip
       controls