fix ui layout backup

src/modules/04_system/components/cardAutoBackup.vue

@@ -303,7 +303,7 @@ watch(tab, () => {
 </script>
 
 <template>
-  <q-card-section>
+  <q-card-section class="q-pa-none q-mt-sm">
     <div class="items-center col-12 row q-gutter-x-sm q-mb-sm">
       <q-btn
         color="primary"

src/modules/04_system/components/cardBackupRestore.vue

@@ -147,7 +147,7 @@ function onRestore(name: string) {
 </script>
 
 <template>
-  <q-card-section>
+  <q-card-section class="q-pa-none q-mt-sm">
     <div class="items-center col-12 row q-gutter-x-sm q-mb-sm">
       <q-btn
         color="primary"

src/modules/04_system/views/MainView.vue

@@ -53,19 +53,8 @@ onMounted(async () => {
     <q-separator />
     <q-tab-panels v-model="tab" animated class="shadow-2 rounded-borders">
       <q-tab-panel name="backup">
-        <q-card-section class="q-pa-none row items-center justify-between">
+        <q-card-section class="q-pa-none">
           <div class="text-h6">ข้อมูลสำรอง</div>
-          <div class="q-pr-md">
-            <q-tooltip>Refresh</q-tooltip>
-            <q-btn
-              dense
-              round
-              size="12px"
-              color="primary"
-              icon="mdi-refresh"
-              @click="fetchListBackup()"
-            />
-          </div>
         </q-card-section>
 
         <Card :tab="tab" />