feat: Implement quiz functionality with a new dedicated page and comprehensive internationalization strings.

Frontend-Learner/pages/classroom/quiz.vue

@@ -328,9 +328,29 @@ const confirmExit = () => {
   const target = courseId ? `/classroom/learning?course_id=${courseId}` : '/dashboard/my-courses'
 
   if (currentScreen.value === 'taking') {
-    if (confirm(t('quiz.exitConfirm'))) {
-        router.push(target)
-    }
+      $q.dialog({
+          title: `<div class="text-slate-900 dark:text-white font-black text-xl">${t('quiz.exitTitle')}</div>`,
+          message: `<div class="text-slate-600 dark:text-slate-300 text-base leading-relaxed mt-2">${t('quiz.exitConfirm')}</div>`,
+          html: true,
+          persistent: true,
+          class: 'rounded-[24px]',
+          ok: {
+              label: t('common.ok'),
+              color: 'primary',
+              unelevated: true,
+              rounded: true,
+              class: 'px-8 font-black'
+          },
+          cancel: {
+              label: t('common.cancel'),
+              color: 'grey-7',
+              flat: true,
+              rounded: true,
+              class: 'font-bold'
+          }
+      }).onOk(() => {
+          router.push(target)
+      })
   } else {
     router.push(target)
   }