fix(03): customer profile banner & tab

src/components/ProfileBanner.vue

@@ -39,8 +39,6 @@ const toggleStatus = defineModel<string>('toggleStatus', {
 const currentTab = defineModel<string>('currentTab');
 
 const showOverlay = ref(false);
-
-currentTab.value = 'name1';
 </script>
 <template>
   <q-img
@@ -187,13 +185,12 @@ currentTab.value = 'name1';
         <div class="row" v-if="tabsList && currentTab">
           <div class="row q-px-sm full-width">
             <q-tabs
+              dense
               inline-label
               mobile-arrows
-              dense
-              class="app-text-muted full-width"
               v-model="currentTab"
-              active-class="active-tab"
-              indicator-color="transparent"
+              active-class="active-tab text-weight-bold"
+              class="app-text-muted full-width"
               align="left"
             >
               <q-tab
@@ -277,4 +274,8 @@ currentTab.value = 'name1';
 .q-img__content > nav {
   pointer-events: all;
 }
+
+.active-tab {
+  color: var(--brand-1);
+}
 </style>