fix แก้เงื่อนไขการแสดงปุ่มแก้ไข

src/components/DrawerInfo.vue

@@ -2,6 +2,7 @@
 import { ref } from 'vue';
 import AppBox from './app/AppBox.vue';
 
+withDefaults(
   defineProps<{
     title: string;
     category?: string;
@@ -11,12 +12,17 @@ defineProps<{
     badgeLabel?: string;
     badgeClass?: string;
     bgColor?: string;
+    showEdit?: boolean;
     editData?: (...args: unknown[]) => void;
     deleteData?: (...args: unknown[]) => void;
     submit?: (...args: unknown[]) => void;
     close?: (...args: unknown[]) => void;
     undo?: (...args: unknown[]) => void;
-}>();
+  }>(),
+  {
+    showEdit: true,
+  },
+);
 
 const drawerOpen = defineModel<boolean>('drawerOpen', {
   default: false,
@@ -62,6 +68,7 @@ function reset() {
         style="padding: 0; border-radius: var(--radius-2)"
       >
         <div class="form-header col q-px-lg row items-center">
+          <div v-if="showEdit">
             <div v-if="isEdit" class="row">
               <q-btn
                 round
@@ -99,6 +106,7 @@ function reset() {
                 @click="deleteData"
               />
             </div>
+          </div>
 
           <div class="col text-weight-bold text-center">
             <text