fix: height video player when video vertical

components/form/task/task-detail-form.tsx

@@ -1027,7 +1027,7 @@ export default function FormTaskDetail() {
               <div className="mt-6 space-y-2">
                 <Label>{t("type-task", { defaultValue: "Type Task" })}</Label>
                 <RadioGroup
-                  value={detail.assignmentMainType.id.toString()}
+                  value={detail?.assignmentMainType?.id?.toString()}
                   onValueChange={(value) => setMainType(value)}
                   // value={String(mainType)}
                   // onValueChange={(value) => setMainType(Number(value))}

components/main/video-detail.tsx

@@ -468,10 +468,21 @@ const DetailVideo = () => {
         <div className="rounded-md overflow-hidden md:flex">
           {/* Bagian Kiri */}
           <div className="md:w-3/4">
-            <div className="relative">
+            {/* <div className="relative">
               <VideoPlayer url={detailDataVideo?.files[selectedVideo]?.url} />
               <div className="absolute top-4 left-4"></div>
+            </div> */}
+            <div className="relative max-h-screen overflow-hidden">
+              <div className="w-full max-h-screen aspect-video">
+                <div className="w-full h-full">
+                  <VideoPlayer
+                    url={detailDataVideo?.files[selectedVideo]?.url}
+                  />
+                </div>
+              </div>
+              <div className="absolute top-4 left-4"></div>
             </div>
+
             <div className="py-4 flex flex-row gap-3">
               {detailDataVideo?.files?.map((file: any, index: number) => (
                 <div