new dynamic title

app/pages/settings/index.vue

@@ -1,30 +1,11 @@
  <script setup lang="ts">
   definePageMeta({
-    layout: "dashboard"
+    layout: "dash-settings",
+    title: "Settings"
   })
-  const settings_submenu = ref([
-    {
-      label: "Profile",
-      icon: "i-lucide-user-round",
-      to: "/settings/profile"
-    },
-    {
-      label: "Security",
-      icon: "i-lucide-lock",
-      to: "/settings/security"
-    },
-    {
-      label: "Aspect",
-      icon: "i-lucide-palette",
-      to: "/settings/ui"
-    }
-  ])
 </script>
 
 <template>
-  <DashboardHeader title="Settings" />
-  
-  <UNavigationMenu :items="settings_submenu" />
 
 
 </template>

app/pages/settings/profile.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
 definePageMeta({
-  layout: "dashboard"
+  layout: "dash-settings"
 })
 </script>
 
 <template>
-    <DashboardHeader title="Profile" />
 </template>
 
 <style scoped>

app/pages/settings/security.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 definePageMeta({
-  layout: "dashboard"
+  layout: "dash-settings"
 })
 </script>
 
 <template>
-  <DashboardHeader title="Security" />
+
   
 </template>
 

app/pages/settings/theme.vue

@@ -2,7 +2,8 @@
 import type {CookieRef} from "#app";
 
 definePageMeta({
-    layout: "dashboard"
+  layout: "dash-settings",
+  title: "Customization"
 })
 
 const colors_list = ref(["Cyan","Red","Green","Blue","Purple"])
@@ -26,7 +27,6 @@ watch(color, (newVal, oldVal) => {
 </script>
 
 <template>
-    <DashboardHeader title="Customization" />
 
     <UContainer class="mt-4 max-w-full justify-center">
         <UFormField