Update styles and labels in MenuProvider and FiltersType components

src/components/Pages/MenuProvider.vue

@@ -3,7 +3,7 @@
     class="flex flex-col justify-between flex-1 px-4 overflow-y-auto bg-white md:mr-3 sm:px-3 md:px-6 rounded-t-2xl md:rounded-t-3xl no-scroll-bar"
   >
     <div v-if="route.path !== '/home'" class="mt-4 lg:mt-6 max-w-7xl">
-      <h1 class="text-xl font-semibold md:text-3xl text-dark">{{ pageTitle }}</h1>
+      <h1 class="text-lg font-semibold md:text-2xl text-dark">{{ pageTitle }}</h1>
     </div>
     <div class="flex-1 mt-2 sm:mt-4 dx-viewport">
       <slot></slot>
@@ -12,8 +12,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
 
 // Dapatkan objek route dari vue-router
 const route = useRoute()