update ui

src/components/DashboardLayout.vue

@@ -19,7 +19,7 @@ const links = [
     { href: "/", label: "Overview", icon: Home, type: "a", className },
     { href: "/upload", label: "Upload", icon: Upload, type: "a", className },
     { href: "/video", label: "Video", icon: Video, type: "a", className },
-    { href: "/plans", label: "Plans", icon: Credit, type: "a", className },
+    { href: "/payments-and-plans", label: "Payments & Plans", icon: Credit, type: "a", className },
     { href: "/notification", label: "Notification", icon: Bell, type: "a", className },
     { href: "/profile", label: "Profile", icon: profileHoist, type: "a", className: 'w-12 h-12 rounded-2xl hover:bg-primary/15 flex' },
 ];

src/components/dashboard/PageHeader.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { cn } from '@/lib/utils';
 import { VNode } from 'vue';
+import VueHead from '@/components/VueHead';
 
 interface Breadcrumb {
   label: string;
@@ -67,6 +68,7 @@ const getButtonClass = (variant?: string) => {
     <div class="flex items-start justify-between gap-4 flex-wrap">
       <div class="flex-1 min-w-0">
         <h1 class="text-3xl font-bold text-gray-900 mb-1">{{ title }}</h1>
+        <vue-head :input="{ title, meta: [{ name: 'description', content: description || '' }] }" />
         <p v-if="description" class="text-gray-600">{{ description }}</p>
       </div>