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/components/widgets/VocabCoursesWidget.vue

@@ -9,7 +9,7 @@
     <ul v-else class="vocab-courses-widget__list">
       <li v-for="c in courses" :key="c.courseId" class="vocab-courses-widget__item">
         <div class="vocab-courses-widget__main">
-          <strong class="vocab-courses-widget__course-title">{{ c.title || $t('widgets.vocabCourses.unnamedCourse') }}</strong>
+          <strong class="vocab-courses-widget__course-title">{{ displayCourseTitle(c) }}</strong>
           <span v-if="c.currentLesson" class="vocab-courses-widget__lesson">
             {{ $t('widgets.vocabCourses.lessonLine', { number: c.currentLesson.lessonNumber, title: c.currentLesson.title }) }}
           </span>
@@ -42,6 +42,8 @@
 </template>
 
 <script>
+import { localizeVocabCourseTitle } from '@/utils/vocabCourseTitle.js';
+
 export default {
   name: 'VocabCoursesWidget',
   props: {
@@ -58,6 +60,9 @@ export default {
     }
   },
   methods: {
+    displayCourseTitle(course) {
+      return localizeVocabCourseTitle(course?.title, this.$i18n?.locale) || this.$t('widgets.vocabCourses.unnamedCourse');
+    },
     goToLesson(courseId, lessonId) {
       this.$router.push({
         name: 'VocabLesson',