Refactor profile and edit video modals to use base modal primitives

components/edit-video-modal.html

@@ -1,26 +1,17 @@
 <!-- components/edit-video-modal.html -->
 <div
   id="editVideoModal"
-  class="fixed inset-0 z-50 hidden"
-  style="background: transparent"
+  class="bv-modal hidden items-start md:items-center"
+  role="dialog"
+  aria-modal="true"
+  tabindex="-1"
 >
-  <div
-    id="editVideoModalOverlay"
-    class="absolute inset-0 z-10"
-    style="
-      background-color: rgba(0, 0, 0, 0.9);
-      backdrop-filter: blur(10px);
-      -webkit-backdrop-filter: blur(10px);
-    "
-  ></div>
+  <div id="editVideoModalOverlay" class="bv-modal-backdrop"></div>
 
   <div
-    class="relative modal-container h-full w-full flex items-start md:items-center justify-center overflow-y-auto z-20"
+    class="bv-modal__panel modal-content bg-gray-900 w-full max-w-[90%] lg:max-w-4xl my-0 overflow-y-auto relative max-h-[90vh]"
+    tabindex="-1"
   >
-    <div
-      class="modal-content bg-gray-900 w-full max-w-[90%] lg:max-w-4xl my-0 rounded-lg overflow-y-auto relative"
-      style="max-height: 90vh"
-    >
       <div
         class="sticky top-0 bg-gradient-to-b from-black/80 to-transparent transition-transform duration-150 p-4 flex items-center justify-between"
       >
@@ -922,5 +913,4 @@
         </form>
       </div>
     </div>
-  </div>
 </div>