Add VocabLessonView component to socialRoutes

- Imported VocabLessonView component and updated the route definition to use the imported component directly instead of a dynamic import.
- This change enhances code readability and maintains consistency in how components are referenced in the routing configuration.

frontend/src/router/socialRoutes.js

@@ -12,6 +12,7 @@ import VocabSubscribeView from '../views/social/VocabSubscribeView.vue';
 import VocabChapterView from '../views/social/VocabChapterView.vue';
 import VocabCourseListView from '../views/social/VocabCourseListView.vue';
 import VocabCourseView from '../views/social/VocabCourseView.vue';
+import VocabLessonView from '../views/social/VocabLessonView.vue';
 
 const socialRoutes = [
     {
@@ -102,7 +103,7 @@ const socialRoutes = [
     {
         path: '/socialnetwork/vocab/courses/:courseId/lessons/:lessonId',
         name: 'VocabLesson',
-        component: () => import('../views/social/VocabLessonView.vue'),
+        component: VocabLessonView,
         props: true,
         meta: { requiresAuth: true }
     },