added header component and redesign index dashboard

xroom-dashboard/src/pages/dashboard/ChangeAvatar.vue

@@ -4,20 +4,8 @@
   <div class="dashboard-page">
     <div class="content">
       <!-- Header -->
-      <div class="header-row">
+      <AppHeader pageTitle="انتخاب آواتار" />
-        <div class="right-actions">
+
-          <button class="subscription-button">
-            <img src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame-6.svg" class="button-icon" />
-            خرید اشتراک
-          </button>
-        </div>
-        <div class="user-info">
-          <span class="user-name">{{ userData.user.first_name }} {{ userData.user.last_name }}</span>
-          <div class="avatar-box">
-            <img class="avatar-icon" src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame.svg" />
-          </div>
-        </div>
-      </div>
 
       <div class="page-title"> آواتار خود را انتخاب کنید</div>
 
@@ -93,11 +81,13 @@
 import SidebarMenu from '@/components/SidebarMenu.vue'
 import axios from '@/axios';
 import { ref } from 'vue';
+import AppHeader from '@/components/Header.vue';
 
 export default {
   name: 'ChangeAvatar',
   components: {
-    SidebarMenu
+    SidebarMenu,
+    AppHeader,
   },
   data() {
     return {

xroom-dashboard/src/pages/dashboard/EditProfile.vue

@@ -5,23 +5,9 @@
     <div class="content">
 
       <!-- Header -->
-      <div class="header-row">
+      <AppHeader pageTitle="ویرایش پروفایل" />
-        <div class="right-actions">
-          <button class="subscription-button">
-            <img src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame-6.svg" class="button-icon" />
-            خرید اشتراک
-          </button>
-        </div>
-        <div class="user-info">
-          <span class="user-name">{{ userData.user.first_name }} {{ userData.user.last_name }}</span>
-          <div class="avatar-box">
-            <img class="avatar-icon" src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame.svg" />
-          </div>
-        </div>
-      </div>
-
-      <div class="page-title">ویرایش پروفایل</div>
 
+ 
       <!-- Two-Column Form Layout -->
       <div class="profile-edit-container">
 
@@ -37,7 +23,7 @@
             <img :src="userAvatarUrl" class="avatar-image" />
             <div class="avatar-actions">
           
-              <router-link to="/dashboard/ChangeAvatar">تغییر آواتار  </router-link>
+              <router-link to="/dashboard/readyPlayer">تغییر آواتار  </router-link>
             
             </div>
           </div>
@@ -116,11 +102,14 @@
 <script>
 import SidebarMenu from '@/components/SidebarMenu.vue'
 import axios from '@/axios';
+import AppHeader from '@/components/Header.vue';
 
 export default {
   name: 'EditProfile',
   components: {
-    SidebarMenu
+    SidebarMenu,
+    AppHeader,
+
   },
   data() {
     return {

xroom-dashboard/src/pages/dashboard/files.vue

@@ -4,25 +4,10 @@
   <div class="dashboard-page">
     <div class="content">
       <!-- Top Header -->
-      <div class="header-row">
+      <AppHeader pageTitle="فایل ها" />
-        <div class="right-actions">
-          <button class="subscription-button">
-            <img src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame-6.svg" class="button-icon" />
-            خرید اشتراک
-          </button>
-        </div>
 
-        <div class="user-info">
-          <span class="user-name">{{ userData.user.first_name }} {{ userData.user.last_name }}</span>
-          <div class="avatar-box">
-            <img class="avatar-icon" src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame.svg" />
-          </div>
-        </div>
-      </div>
-
-      <!-- Page Title -->
-      <div class="page-title">فایل ها</div>
 
+       
       <!-- Description -->
       <div class="section-description">
         <div class="section-title">مدیریت فایل ها</div>
@@ -275,6 +260,7 @@ import axios from 'axios';
  
 import { VideoPlayer } from '@videojs-player/vue';
 import 'video.js/dist/video-js.css';
+import AppHeader from '@/components/Header.vue';
 
 export default {
   name: 'DashboardPage',
@@ -282,6 +268,8 @@ export default {
     SidebarMenu,
     VuePdfEmbed,  
     VideoPlayer,
+    AppHeader,
+
   },
   data() {
     return {

xroom-dashboard/src/pages/dashboard/readyPlayer.vue

@@ -4,20 +4,8 @@
     <div class="dashboard-page">
       <div class="content">
         <!-- Header -->
-        <div class="header-row">
+        <AppHeader pageTitle="انتخاب آواتار" />
-          <div class="right-actions">
+
-            <button class="subscription-button">
-              <img src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame-6.svg" class="button-icon" />
-              خرید اشتراک
-            </button>
-          </div>
-          <div class="user-info">
-            <span class="user-name">{{ userData.user.first_name }} {{ userData.user.last_name }}</span>
-            <div class="avatar-box">
-              <img class="avatar-icon" src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame.svg" />
-            </div>
-          </div>
-        </div>
   
         <div class="page-title">ساخت آواتار جدید</div>
   
@@ -37,11 +25,13 @@
   <script>
   import SidebarMenu from '@/components/SidebarMenu.vue'
   import axios from '@/axios';
+import AppHeader from '@/components/Header.vue';
   
   export default {
     name: 'ChangeAvatar',
     components: {
-      SidebarMenu
+      SidebarMenu,
+      AppHeader,
     },
     data() {
       return {