feat(bisaya-course): refine phase 4 didactics and enhance course content generation

- Corrected grammatical errors and improved the phrasing in the BISAYA_PHASE4_DIDACTICS, ensuring clarity and accuracy in the learning materials.
- Updated the course content generation script to include lessons from phase 5, enhancing the overall structure and flow of the course.
- Introduced a new vocabulary course content synchronization process, improving the integration of vocabulary resources across different modules.
- Enhanced the VocabService to dynamically adjust temperature settings based on the mode, optimizing response generation for different contexts.
- Added new localized titles and vocabulary entries in multiple languages, enriching the learning experience for users.

frontend/src/views/social/VocabCourseView.vue

@@ -5,7 +5,7 @@
       <section class="course-hero surface-card">
         <div>
           <span class="course-kicker">{{ $t('socialnetwork.vocab.courses.courseKicker') }}</span>
-          <h2>{{ course.title }}</h2>
+          <h2>{{ displayCourseTitle(course) }}</h2>
           <p v-if="course.description">{{ course.description }}</p>
         </div>
       </section>
@@ -323,6 +323,7 @@ import { mapGetters } from 'vuex';
 import apiClient from '@/utils/axios.js';
 import { confirmAction, showApiError, showInfo, showSuccess } from '@/utils/feedback.js';
 import VocabPracticeDialog from '@/dialogues/socialnetwork/VocabPracticeDialog.vue';
+import { localizeVocabCourseTitle } from '@/utils/vocabCourseTitle.js';
 
 export default {
   name: 'VocabCourseView',
@@ -517,6 +518,9 @@ export default {
     }
   },
   methods: {
+    displayCourseTitle(course) {
+      return localizeVocabCourseTitle(course?.title, this.$i18n?.locale) || '';
+    },
     async loadCourse() {
       this.loading = true;
       try {