feat: implement e-learning classroom page with video player, lesson navigation, progress tracking, and announcements.

Frontend-Learner/components/layout/AppSidebar.vue

@@ -39,6 +39,12 @@ const navItems = computed(() => [
     isSvg: false
   },
 ]);
+
+const handleNavigate = (path: string) => {
+  if (import.meta.client) {
+    window.location.href = path
+  }
+}
 </script>
 
 <template>
@@ -51,10 +57,11 @@ const navItems = computed(() => [
       <q-item 
         v-for="item in navItems" 
         :key="item.to" 
-        :to="item.to"
         clickable 
         v-ripple
+        @click="handleNavigate(item.to)"
         class="rounded-r-full mr-2 text-slate-700 dark:text-slate-200 hover:bg-slate-100 dark:hover:bg-white/5"
+        :class="{ 'q-router-link--active': $route.path === item.to || ($route.path === '/dashboard' && item.to === '/dashboard') }"
       >
         <q-item-section avatar>
           <q-icon :name="item.icon" />