using the new component

app/components/dashboard/rounded_header.vue

@@ -1,7 +1,7 @@
 <template>
   <UHeader toggle-side="left" class="rounded-full border top-3 mb-6 mx-auto">
     <template #left>
-      <h1 class="text-xl font-bold">Dashboard</h1>
+      <h1 class="text-xl font-bold">{{ props.title }}</h1>
     </template>
     <template #toggle>
       <UDashboardSidebarToggle class="rounded-xl" />
@@ -11,9 +11,11 @@
 
 <script lang="ts" setup>
 
+ const props = defineProps({
+        title: {
+            type: String,
+            required: false,
+            default: "Title"
+        }
+    })
 </script>
-
-<style>
-
-
-</style>