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

app/src/plugins/tm@modal/task/z-remove-employee-modal.vue

@@ -1,12 +1,19 @@
 <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">
         <h1>
           Naozaj chcete odstrániť tohto zamestnanca a všetky jeho timeblocks?
         </h1>
 
-        <div class="d-flex align-center">
+        <div class="d-flex align-start">
+          <a-reset-size-button @reset="resetModalSize" />
           <a-close-button class="mb-15" @close="closeModal()" />
         </div>
       </div>
@@ -20,16 +27,26 @@
           >ZRUŠIŤ</v-btn
         >
       </v-card-actions>
+      <a-resize-handle
+        :current-width="modalWidthPx"
+        :current-height="modalHeightPx"
+        @resize="handleModalResize"
+        @resize-end="handleResizeEnd"
+      />
     </v-card>
   </v-dialog>
 </template>
 
 <script>
 import modalMixin from '@/plugins/tm@modal/_mixins/modal.mixin';
+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],
@@ -39,6 +56,7 @@ export default {
     return {
       visible: false,
       modalName: 'z-remove-employee-modal',
+      modalSize: 'small',
     };
   },