updated modal

frontend/components/global/Modal.vue

@@ -6,6 +6,7 @@ type Props = {
     icon?: string;
     title: string;
     iconSize?: string;
+    contectClass?: string;
 };
 
 type Emits = {
@@ -35,7 +36,14 @@ const isShow = computed({
 </script>
 
 <template>
-    <DialogRoot v-model:open="isShow">
+    <DialogRoot
+        v-model:open="isShow"
+        @update:open="
+            (state) => {
+                !state ? (isShow = false) : null;
+            }
+        "
+    >
         <DialogTrigger>
             <slot name="trigger" />
         </DialogTrigger>
@@ -49,6 +57,7 @@ const isShow = computed({
                 v-if="isShow"
             >
                 <div
+                    :class="contectClass"
                     class="overflow-y-auto max-h-svh absolute left-[50%] py-10 w-fit max-w-[50rem] translate-x-[-50%]"
                 >
                     <DialogContent