feat(modal): enhance modal functionality with resizing support and improved layout

app/src/plugins/tm@modal/task/z-delete-timeblock-modal.vue

@@ -1,10 +1,17 @@
 <template>
-  <v-dialog v-model="visible" max-width="750" persistent :retain-focus="false">
-    <v-card style="position: relative">
+  <v-dialog
+    v-model="visible"
+    :width="modalWidth"
+    :height="modalHeight"
+    persistent
+    :retain-focus="false"
+  >
+    <v-card style="position: relative; height: 100%">
       <div class="d-flex justify-space-between align-center">
         <h4 class="mt-3">Vyberte časový úsek, ktorý chcete odstrániť</h4>
 
-        <div class="d-flex align-center">
+        <div class="d-flex align-start">
+          <a-reset-size-button @reset="resetModalSize" />
           <a-close-button @close="closeModal()" />
         </div>
       </div>
@@ -31,6 +38,12 @@
           "
         />
       </div>
+      <a-resize-handle
+        :current-width="modalWidthPx"
+        :current-height="modalHeightPx"
+        @resize="handleModalResize"
+        @resize-end="handleResizeEnd"
+      />
     </v-card>
   </v-dialog>
 </template>
@@ -39,10 +52,14 @@
 import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin';
 import tmUtils from '@/plugins/tm@_utils/tm.utils';
 import moment from 'moment';
+import AResizeHandle from '@/plugins/tm@modal/_components/a-resize-handle.vue';
+import AResetSizeButton from '@/plugins/tm@modal/_components/a-reset-size-button.vue';
 import ACloseButton from '@/plugins/tm@modal/_components/a-close-button.vue';
 
 export default {
   components: {
+    AResizeHandle,
+    AResetSizeButton,
     ACloseButton,
   },
   mixins: [modalMixin],
@@ -55,6 +72,7 @@ export default {
       isDeleting: false,
       tmUtils,
       modalName: 'z-delete-timeblock-modal',
+      modalSize: 'medium',
     };
   },