refactor: clean & attribute

src/components/home/PersonCard.vue

@@ -130,12 +130,15 @@ defineEmits<{
                         :model-value="!v.disabled"
                         val="xs"
                         padding="none"
-                        :label="
-                          v.disabled
-                            ? $t('switchOnLabel')
-                            : $t('switchOffLabel')
-                        "
-                      />
+                      >
+                        <div class="q-ml-xs">
+                          {{
+                            v.disabled
+                              ? $t('switchOnLabel')
+                              : $t('switchOffLabel')
+                          }}
+                        </div>
+                      </q-toggle>
                     </div>
                   </q-item-section>
                 </q-item>
@@ -214,11 +217,7 @@ defineEmits<{
         "
       >
         <div v-for="(d, j) in v.detail" :key="j">
-          <span
-            :style="{
-              color: $q.dark.isActive ? 'var(--foreground)' : 'var(--stone-7)',
-            }"
-          >
+          <span class="app-text-muted-2">
             {{ d.label }}
           </span>
           <span>{{ d.value || '-' }}</span>