refactor: add hideDelete prop to various components and update delete button visibility logic

src/components/01_branch-management/BranchCard.vue

@@ -89,15 +89,7 @@ defineProps<{
         </div>
       </div>
     </div>
-    <div
-      style="
-        display: block;
-        width: 100%;
-        height: 1px;
-        background: hsla(0 0% 0% / 0.1);
-        margin-bottom: var(--size-2);
-      "
-    />
+    <q-separator />
     <slot name="data"></slot>
     <template v-if="!$slots.data">
       <div

src/components/03_customer-management/TableEmpoloyee.vue

@@ -23,6 +23,7 @@ const prop = withDefaults(
     addButton?: boolean;
     prefixId?: string;
     hideAction?: boolean;
+    hideDelete?: boolean;
   }>(),
   {
     gridView: false,
@@ -269,6 +270,7 @@ defineEmits<{
             v-if="!inTable && !hideAction"
             :id-name="props.row.firstName"
             :status="props.row.status"
+            :hide-delete="hideDelete"
             @view="$emit('view', props.row)"
             @edit="$emit('edit', props.row)"
             @delete="$emit('delete', props.row)"
@@ -282,6 +284,7 @@ defineEmits<{
       <div class="col-12 col-md-3 col-sm-6">
         <PersonCard
           history
+          :hide-delete="hideDelete"
           :hide-action="hideAction"
           :id="`card-${props.row.firstNameEN}`"
           :field-selected="fieldSelected"

src/components/shared/PersonCard.vue

@@ -24,6 +24,7 @@ defineProps<{
   prefixId?: string;
   separateEnter?: boolean;
   hideAction?: boolean;
+  hideDelete?: boolean;
 }>();
 
 defineEmits<{
@@ -80,6 +81,7 @@ defineEmits<{
           v-if="!hideAction"
           :id-name="prefixId"
           :status="disabled ? 'INACTIVE' : 'ACTIVE'"
+          :hide-delete="hideDelete"
           @view="
             separateEnter
               ? $emit('viewCard', 'INFO')