feat(batch-1): multi-role sidebar, video display, certificate layout, upload progress, counselor access

- roleMenuItems.js: merged menu builder that unions items from all user roles
  (student + missionary, student + counselor, etc.) additively
- auth store: expose `roles` array in addition to singular `role`; wire in
  WordPress auth-status cookie sync so the public site can show/hide the
  account button
- router guards: use roles.includes() instead of role === for multi-role access
- layouts (Student/Counselor/Missionary): delegate menuItems to
  buildMergedMenuItems so dual-role users see sections from both roles
- StudentSessionDetailsPage: contentKind now returns 'video' (not 'link')
  when session.videoUrl is set; adds embed iframe branch for online sessions
- CertificateItem.vue: fix CSS order/alignment for desktop + mobile layout
- StudentCertificatesPage.vue: map backend payload fields to component props
  with Jalaali date formatting
- SessionFormPage: upload progress bar (%) during video uploads; embed_code
  textarea for online sessions (frontend-only; dormant until batch-2 backend
  migration is deployed)
- wp-sync/auth-status-cookie.js: cookie helper for WordPress login-state sync

[batch-1-low-risk]

src/layouts/StudentLayout.vue

@@ -38,13 +38,16 @@
 
 <script setup>
 import { useUIStore } from '@/store/ui'
+import { useAuthStore } from '@/store/auth'
 import { RouterView, useRoute } from 'vue-router'
 import Copyright from '@/components/Copyright.vue'
 import HeaderBlock from '@/components/HeaderBlock.vue'
+import { buildMergedMenuItems } from '@/layouts/roleMenuItems'
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import StudentSidebar from '@/layouts/sidebars/StudentSidebar.vue'
 
 const ui = useUIStore()
+const auth = useAuthStore()
 const route = useRoute()
 
 const isMobile = ref(window.innerWidth < 1024)
@@ -57,52 +60,7 @@ onBeforeUnmount(() => window.removeEventListener('resize', onResize))
 const pageTitle = computed(() => route.meta?.title || 'پیشخوان')
 const pageSubtitle = computed(() => route.meta?.subtitle || '')
 
-const menuItems = computed(() => [
-  {
-    title: 'داشبورد',
-    icon: 'monitor',
-    to: { name: 'student-dashboard' },
-    active: route.name === 'student-dashboard',
-  },
-  {
-    title: 'آموزش',
-    icon: 'graduation-cap',
-    to: { name: 'student-terms' },
-    active: [
-      'student-terms',
-      'student-term-details',
-      'student-lesson-details',
-      'student-session-details',
-      'student-exam',
-      'student-courses',
-      'student-course-details',
-    ].includes(route.name),
-  },
-  {
-    title: 'خدمات',
-    icon: 'folder-simple-star',
-    to: { name: 'student-services' },
-    active: route.name === 'student-services',
-  },
-  {
-    title: 'گواهینامه',
-    icon: 'certificate',
-    to: { name: 'student-certificates' },
-    active: route.name === 'student-certificates',
-  },
-  {
-    title: 'ویرایش پروفایل',
-    icon: 'user-circle-check',
-    to: { name: 'student-profile' },
-    active: route.name === 'student-profile',
-  },
-  {
-    title: 'تیکت',
-    icon: 'envelope-open',
-    to: { name: 'student-tickets' },
-    active: route.name === 'student-tickets',
-  },
-])
+const menuItems = computed(() => buildMergedMenuItems(auth.roles, route))
 </script>
 
 <style lang="scss" scoped>