fix: 02 icon outline & toggle color

src/components/02_personnel-management/FormByType.vue

@@ -76,7 +76,7 @@ function deleteFile(name: string) {
         size="xs"
         class="q-pa-sm rounded q-mr-xs"
         color="info"
-        name="mdi-briefcase"
+        name="mdi-briefcase-outline"
         style="background-color: var(--surface-3)"
       />
       {{ $t('formDialogTitleByType') }}

src/components/02_personnel-management/FormPerson.vue

@@ -99,7 +99,7 @@ watch(
         size="xs"
         class="q-pa-sm rounded q-mr-xs"
         color="info"
-        name="mdi-account"
+        name="mdi-account-outline"
         style="background-color: var(--surface-3)"
       />
       {{ $t(`${title}`) }}

src/components/TreeCompoent.vue

@@ -101,7 +101,7 @@ withDefaults(
               v-if="node.isHeadOffice && typeTree === 'branch'"
               :id="`create-sub-branch-btn-${node.name}`"
               @click.stop="$emit('create', node)"
-              icon="mdi-file-plus"
+              icon="mdi-file-plus-outline"
               class="app-text-muted-2"
               size="sm"
               dense
@@ -191,6 +191,7 @@ withDefaults(
                       <div class="q-pa-sm surface-2 rounded">
                         <q-toggle
                           :id="`view-detail-btn-${node.name}-status`"
+                          color="positive"
                           dense
                           size="sm"
                           :label="

src/components/home/PersonCard.vue

@@ -146,6 +146,7 @@ defineEmits<{
                   <div class="q-pa-sm surface-2 rounded">
                     <q-toggle
                       dense
+                      color="positive"
                       size="sm"
                       @click="$emit('toggleStatus', disabled === false)"
                       :model-value="!disabled"