Implement vocab course and grammar exercise features in backend and frontend

- Added new course management functionalities in VocabController, including creating, updating, and deleting courses and lessons.
- Implemented enrollment and progress tracking for courses, along with grammar exercise creation and management.
- Updated database schema to include tables for courses, lessons, enrollments, and grammar exercises.
- Enhanced frontend with new routes and views for course listing and details, including internationalization support for course-related texts.
- Improved user experience by adding navigation to courses from the main vocab trainer view.

frontend/src/router/socialRoutes.js

@@ -10,6 +10,8 @@ import VocabNewLanguageView from '../views/social/VocabNewLanguageView.vue';
 import VocabLanguageView from '../views/social/VocabLanguageView.vue';
 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';
 
 const socialRoutes = [
     {
@@ -84,6 +86,19 @@ const socialRoutes = [
         component: VocabChapterView,
         meta: { requiresAuth: true }
     },
+    {
+        path: '/socialnetwork/vocab/courses',
+        name: 'VocabCourses',
+        component: VocabCourseListView,
+        meta: { requiresAuth: true }
+    },
+    {
+        path: '/socialnetwork/vocab/courses/:courseId',
+        name: 'VocabCourse',
+        component: VocabCourseView,
+        props: true,
+        meta: { requiresAuth: true }
+    },
 ];
 
 export default socialRoutes;