feat(bisaya-course): refine exercises and instructions for improved learning experience

- Updated exercise titles and instructions to enhance clarity and focus on specific learning objectives.
- Modified question data and answer options to better align with the lesson's vocabulary and context.
- Improved explanations to provide clearer guidance on language usage and learning goals, fostering better comprehension for learners.

frontend/src/views/social/VocabLessonView.vue

@@ -1868,6 +1868,8 @@ export default {
         this.activeTab = 'learn';
       }
 
+      this.syncExerciseSequentialIndexToFirstUnanswered();
+
       this.lessonStatePersistenceReady = true;
       if (this.vocabTrainerActive && this.vocabTrainerPool.length > 0) {
         this.$nextTick(() => {
@@ -1936,6 +1938,21 @@ export default {
       this.exerciseSequentialIndex = next;
       this.persistLessonState();
     },
+    /**
+     * Kapitel-Prüfung (eine Frage pro Schritt): Wenn gespeicherte Antworten existieren, aber der
+     * Index noch auf einer schon beantworteten Frage steht, zur ersten noch offenen Frage springen.
+     */
+    syncExerciseSequentialIndexToFirstUnanswered() {
+      const list = this.scrambledChapterExamExercises;
+      if (!list.length || !this.sequentialPanelActive) {
+        return;
+      }
+      const firstUnanswered = list.findIndex((exercise) => !this.exerciseResults[exercise.id]);
+      if (firstUnanswered === -1) {
+        return;
+      }
+      this.exerciseSequentialIndex = firstUnanswered;
+    },
     confirmExerciseReinforcement() {
       this.showExerciseReinforcementDialog = false;
       if (this.exerciseReinforcementPrepMode) {
@@ -2042,6 +2059,7 @@ export default {
       }
       this.activeTab = 'exercises';
       this.$nextTick(() => {
+        this.syncExerciseSequentialIndexToFirstUnanswered();
         const scrollEl = document.querySelector('.app-content__scroll.contentscroll');
         if (scrollEl) {
           scrollEl.scrollTop = 0;