ajustes layout header e breadcrumbs

src/components/layout/DefaultHeaderPage.vue

@@ -10,7 +10,6 @@
       />
     </q-breadcrumbs>
     <div class="flex items-center justify-between">
-      <span class="text-h5 gradient-diarista">{{ $t($route.meta?.title) }}</span>
       <slot name="after" />
     </div>
     <q-separator class="q-my-sm" />

src/components/layout/LeftMenuLayout.vue

@@ -168,11 +168,6 @@
           <div class="flex">
             <q-item-section avatar>
               <template #default>
-                <!-- <img
-                  :src="someAvatar()"
-                  alt="avatar"
-                  style="width: 20px; height: 20px; border-radius: 50%"
-                /> -->
                 <q-icon
                   name="mdi-account"
                   color="primary"
@@ -212,21 +207,21 @@
                   }}</q-item-section>
                 </div>
               </q-item>
-              <q-item v-ripple clickable @click="logoutFn">
-                <div class="flex">
-                  <q-item-section avatar>
-                    <q-icon
-                      name="logout"
-                      color="negative"
-                      style="font-size: 18px"
-                    />
-                  </q-item-section>
-                  <q-item-section>{{ $t("auth.logout") }}</q-item-section>
-                </div>
-              </q-item>
             </q-list>
           </q-menu>
         </q-item>
+        <q-item v-ripple clickable @click="logoutFn">
+          <div class="flex">
+            <q-item-section avatar>
+              <q-icon
+                name="logout"
+                color="negative"
+                style="font-size: 18px"
+              />
+            </q-item-section>
+            <q-item-section>{{ $t("auth.logout") }}</q-item-section>
+          </div>
+        </q-item>
         <q-item v-ripple>
           <div class="flex full-width justify-center">
             <q-img

src/pages/opportunity/CustomSchedulesPage.vue

@@ -1,43 +1,46 @@
 <template>
-  <DefaultTable
-    ref="tableRef"
-    :columns="columns"
-    :loading="loading"
-    :api-call="getCustomSchedules"
-    :add-button-label="$t('opportunities.add')"
-    :empty-message="$t('opportunities.empty_state')"
-    :delete-function="deleteCustomSchedule"
-    :mostrar-selecao-de-colunas="false"
-    :mostrar-botao-fullscreen="false"
-    :mostrar-toggle-inativos="false"
-    :open-item="true"
-    @on-row-click="onRowClick"
-    @on-add-item="onAddItem"
-  >
-    <template #body-cell-status="template_props">
-      <q-td :props="template_props">
-        <q-chip
-          :label="$t(`schedules.statuses.${template_props.row.schedule?.status}`)"
-          :color="getStatusColor(template_props.row.schedule?.status)"
-          text-color="white"
-          size="sm"
-        />
-      </q-td>
-    </template>
+  <q-page>
+    <DefaultHeaderPage />
+    <DefaultTable
+      ref="tableRef"
+      :columns="columns"
+      :loading="loading"
+      :api-call="getCustomSchedules"
+      :add-button-label="$t('opportunities.add')"
+      :empty-message="$t('opportunities.empty_state')"
+      :delete-function="deleteCustomSchedule"
+      :mostrar-selecao-de-colunas="false"
+      :mostrar-botao-fullscreen="false"
+      :mostrar-toggle-inativos="false"
+      :open-item="true"
+      @on-row-click="onRowClick"
+      @on-add-item="onAddItem"
+    >
+      <template #body-cell-status="template_props">
+        <q-td :props="template_props">
+          <q-chip
+            :label="$t(`schedules.statuses.${template_props.row.schedule?.status}`)"
+            :color="getStatusColor(template_props.row.schedule?.status)"
+            text-color="white"
+            size="sm"
+          />
+        </q-td>
+      </template>
 
-    <template #body-cell-price_range="template_props">
-      <q-td :props="template_props">
-        {{ formatToBRLCurrency(template_props.row.min_price) }}
-        {{ formatToBRLCurrency(template_props.row.max_price) }}
-      </q-td>
-    </template>
+      <template #body-cell-price_range="template_props">
+        <q-td :props="template_props">
+          {{ formatToBRLCurrency(template_props.row.min_price) }}
+          {{ formatToBRLCurrency(template_props.row.max_price) }}
+        </q-td>
+      </template>
 
-    <template #body-cell-period="template_props">
-      <q-td :props="template_props">
-        {{ template_props.row.schedule?.period_type }}{{ $t('schedules.hours') }}
-      </q-td>
-    </template>
-  </DefaultTable>
+      <template #body-cell-period="template_props">
+        <q-td :props="template_props">
+          {{ template_props.row.schedule?.period_type }}{{ $t('schedules.hours') }}
+        </q-td>
+      </template>
+    </DefaultTable>
+  </q-page>
 </template>
 
 <script setup>
@@ -48,6 +51,7 @@ import { getCustomSchedules, deleteCustomSchedule } from 'src/api/customSchedule
 import DefaultTable from 'src/components/defaults/DefaultTable.vue'
 import AddEditCustomScheduleDialog from './components/AddEditCustomScheduleDialog.vue'
 import { formatToBRLCurrency } from 'src/helpers/utils'
+import DefaultHeaderPage from 'src/components/layout/DefaultHeaderPage.vue'
 
 const { t } = useI18n()
 const $q = useQuasar()

src/pages/schedule/SchedulesPage.vue

@@ -1,9 +1,11 @@
 <template>
   <q-page class="q-pa-md">
+    <DefaultHeaderPage />
     <SchedulesPanel />
   </q-page>
 </template>
 
 <script setup>
 import SchedulesPanel from './components/SchedulesPanel.vue'
+import DefaultHeaderPage from 'src/components/layout/DefaultHeaderPage.vue'
 </script>