feat: add back button on login page to return to landing page (#808)

* Back button in Login page

Modified the back button to have two options, href option and onlick

The onClick bceomes usable when there's no href prop

and the onClick takes you directly to the previous page

While the href takes you to the url you indicated

* added a showBack condition to show the button

* modified the onClick function

* Removed the back button, made the Image act as the back button

* Changed the OAuth place holder

* Update back-button.svelte

* remove f

---------

Co-authored-by: Rotimi Best <[email protected]>

apps/dashboard/src/lib/features/ui/auth-ui.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
   import { page } from '$app/state';
+  import { resolve } from '$app/paths';
   import * as Avatar from '@cio/ui/base/avatar';
   import { t } from '$lib/utils/functions/translations';
   import { currentOrg } from '$lib/utils/store/org';
@@ -82,13 +83,19 @@
   <Card.Root class="ui:w-full relative z-10 max-w-[400px] shadow-sm">
     {#if !showOnlyContent || showLogo}
       <Card.Header class="ui:flex ui:flex-col ui:items-center ui:gap-4">
-        <Avatar.Root>
-          <Avatar.Image
-            src={$currentOrg.avatarUrl ? $currentOrg.avatarUrl : '/logo-192.png'}
-            alt={$currentOrg.name ? $currentOrg.name : 'ClassroomIO'}
-          />
-          <Avatar.Fallback>{$currentOrg.name ? $currentOrg.name : 'ClassroomIO'}</Avatar.Fallback>
-        </Avatar.Root>
+        <a
+          href={resolve(ROUTE.HOME, {})}
+          class="ui:inline-flex"
+          aria-label={$currentOrg.name ? $currentOrg.name : 'ClassroomIO'}
+        >
+          <Avatar.Root>
+            <Avatar.Image
+              src={$currentOrg.avatarUrl ? $currentOrg.avatarUrl : '/logo-192.png'}
+              alt={$currentOrg.name ? $currentOrg.name : 'ClassroomIO'}
+            />
+            <Avatar.Fallback>{$currentOrg.name ? $currentOrg.name : 'ClassroomIO'}</Avatar.Fallback>
+          </Avatar.Root>
+        </a>
 
         {#if !showOnlyContent}
           <a href="/">
@@ -112,7 +119,7 @@
         <div class="mt-6 flex flex-col gap-6">
           <div class="relative flex items-center justify-center">
             <Separator />
-            <span class="ui:bg-card ui:text-muted-foreground absolute px-2 text-sm"> Or continue With </span>
+            <span class="ui:bg-card ui:text-muted-foreground absolute px-2 text-sm">{$t('login.continue_with')}</span>
           </div>
 
           {#if getPasswordAuthAlternative}

apps/dashboard/src/lib/utils/translations/da.json

@@ -858,7 +858,10 @@
           "description": "Tilmeldte elever vil ikke kunne tage låste lektioner eller øvelser, før du låser dem op.",
           "description_live": "Låste lektioner og øvelser forbliver skjult for eleverne, indtil du låser dem op - nyttigt, hvis du udgiver indhold uge for uge.",
           "unlock_all": "Lås alle op"
-        }
+        },
+        "certificate_deadline_required": "Indstil certifikatfrist først",
+        "certificate_deadline_required_description": "Overholdelseskurser kræver en certifikatfrist, før elever kan tilmeldes. Indstil venligst en deadline i certifikatindstillingerne før udgivelse.",
+        "go_to_certificate_settings": "Gå til Certifikatindstillinger"
       },
       "analytics": {
         "title": "Analyse"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "Certificeringsøvelsen \"{exerciseTitle}\" har ingen point konfigureret; bed din instruktør om at ordne det.",
       "email_message_label": "E-mail besked",
       "email_message_placeholder": "f.eks. Vi er stolte af dine fremskridt - fortsæt med at lære!",
-      "final_exercise_multiple_attempts_note": "Elever får lov til ubegrænsede forsøg på den valgte øvelse."
+      "final_exercise_multiple_attempts_note": "Elever får lov til ubegrænsede forsøg på den valgte øvelse.",
+      "deadline_required": "Certifikatfrist er påkrævet, når certifikater kan downloades.",
+      "deadline_required_enroll": "Overholdelseskurser kræver en certifikatfrist, før elever kan tilmeldes."
     },
     "creator": {
       "heading": "Hvilket kursus vil du lave?",
@@ -3810,7 +3815,8 @@
       "title": "Tilmelding deaktiveret",
       "invite_only_message": "Tilmelding er kun for invitationer. Brug venligst et invitationslink til at oprette en konto.",
       "go_to_login": "Gå til Login"
-    }
+    },
+    "continue_with": "Eller fortsæt med"
   },
   "app": {
     "search": {

apps/dashboard/src/lib/utils/translations/de.json

@@ -858,7 +858,10 @@
           "description": "Eingeschriebene Schüler können erst dann an gesperrten Lektionen oder Übungen teilnehmen, wenn Sie sie entsperren.",
           "description_live": "Gesperrte Lektionen und Übungen bleiben den Schülern verborgen, bis Sie sie entsperren – nützlich, wenn Sie Inhalte Woche für Woche veröffentlichen.",
           "unlock_all": "Schalte alle frei"
-        }
+        },
+        "certificate_deadline_required": "Legen Sie zuerst die Frist für das Zertifikat fest",
+        "certificate_deadline_required_description": "Für Compliance-Kurse ist eine Zertifikatsfrist erforderlich, bevor Lernende eingeschrieben werden können. Bitte legen Sie vor der Veröffentlichung eine Frist in den Zertifikatseinstellungen fest.",
+        "go_to_certificate_settings": "Gehen Sie zu Zertifikatseinstellungen"
       },
       "analytics": {
         "title": "Analysen"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "Für die Zertifizierungsübung „{exerciseTitle}“ sind keine Punkte konfiguriert; Bitten Sie Ihren Lehrer, das Problem zu beheben.",
       "email_message_label": "E-Mail-Nachricht",
       "email_message_placeholder": "z.B. Wir sind stolz auf Ihre Fortschritte – lernen Sie weiter!",
-      "final_exercise_multiple_attempts_note": "Den Schülern sind unbegrenzte Versuche für die ausgewählte Übung gestattet."
+      "final_exercise_multiple_attempts_note": "Den Schülern sind unbegrenzte Versuche für die ausgewählte Übung gestattet.",
+      "deadline_required": "Wenn Zertifikate herunterladbar sind, ist eine Zertifikatsfrist erforderlich.",
+      "deadline_required_enroll": "Für Compliance-Kurse ist eine Zertifikatsfrist erforderlich, bevor Lernende eingeschrieben werden können."
     },
     "creator": {
       "heading": "Welchen Kurs möchten Sie erstellen?",
@@ -3810,7 +3815,8 @@
       "title": "Anmeldung deaktiviert",
       "invite_only_message": "Die Anmeldung ist nur auf Einladung möglich. Bitte verwenden Sie einen Einladungslink, um ein Konto zu erstellen.",
       "go_to_login": "Gehen Sie zu Anmelden"
-    }
+    },
+    "continue_with": "Oder fahren Sie mit fort"
   },
   "app": {
     "search": {

apps/dashboard/src/lib/utils/translations/en.json

@@ -353,6 +353,7 @@
     "password": "Your password",
     "forgot": "Forgot password?",
     "login": "Log In",
+    "continue_with": "Or continue With",
     "login_with": "or login with",
     "signup_with": "or sign up with",
     "already_have_account": "Already have an account?",

apps/dashboard/src/lib/utils/translations/es.json

@@ -858,7 +858,10 @@
           "description": "Los estudiantes inscritos no podrán tomar lecciones o ejercicios bloqueados hasta que los desbloquees.",
           "description_live": "Las lecciones y ejercicios bloqueados permanecen ocultos para los estudiantes hasta que los desbloqueas, lo que resulta útil si publicas contenido semana tras semana.",
           "unlock_all": "Desbloquear todo"
-        }
+        },
+        "certificate_deadline_required": "Establecer la fecha límite del certificado primero",
+        "certificate_deadline_required_description": "Los cursos de cumplimiento requieren una fecha límite para el certificado antes de que los estudiantes puedan inscribirse. Establezca una fecha límite en la configuración del certificado antes de publicarlo.",
+        "go_to_certificate_settings": "Vaya a Configuración de certificado"
       },
       "analytics": {
         "title": "Analíticas"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "El ejercicio de certificación \"{exerciseTitle}\" no tiene puntos configurados; Pídele a tu instructor que lo arregle.",
       "email_message_label": "Mensaje de correo electrónico",
       "email_message_placeholder": "por ej. Estamos orgullosos de tu progreso: ¡sigue aprendiendo!",
-      "final_exercise_multiple_attempts_note": "A los estudiantes se les permitirán intentos ilimitados en el ejercicio seleccionado."
+      "final_exercise_multiple_attempts_note": "A los estudiantes se les permitirán intentos ilimitados en el ejercicio seleccionado.",
+      "deadline_required": "Se requiere una fecha límite para el certificado cuando los certificados se pueden descargar.",
+      "deadline_required_enroll": "Los cursos de cumplimiento requieren una fecha límite para el certificado antes de que los estudiantes puedan inscribirse."
     },
     "creator": {
       "heading": "¿Qué curso quieres crear?",
@@ -3810,7 +3815,8 @@
       "title": "Registro deshabilitado",
       "invite_only_message": "El registro es sólo por invitación. Utilice un enlace de invitación para crear una cuenta.",
       "go_to_login": "Ir a Iniciar sesión"
-    }
+    },
+    "continue_with": "O continuar con"
   },
   "app": {
     "search": {

apps/dashboard/src/lib/utils/translations/fr.json

@@ -858,7 +858,10 @@
           "description": "Les étudiants inscrits ne pourront pas suivre de leçons ou d'exercices verrouillés tant que vous ne les aurez pas déverrouillés.",
           "description_live": "Les leçons et les exercices verrouillés restent cachés aux étudiants jusqu'à ce que vous les déverrouilliez, ce qui est utile si vous publiez du contenu semaine après semaine.",
           "unlock_all": "Débloquez tout"
-        }
+        },
+        "certificate_deadline_required": "Définir d'abord la date limite du certificat",
+        "certificate_deadline_required_description": "Les cours de conformité nécessitent une date limite de certificat avant que les apprenants puissent être inscrits. Veuillez définir une date limite dans les paramètres du certificat avant de publier.",
+        "go_to_certificate_settings": "Accédez aux paramètres du certificat"
       },
       "analytics": {
         "title": "Analytique"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "L'exercice de certification « {exerciseTitle} » n'a aucun point configuré ; demandez à votre instructeur de le réparer.",
       "email_message_label": "Message électronique",
       "email_message_placeholder": "par ex. Nous sommes fiers de vos progrès – continuez à apprendre !",
-      "final_exercise_multiple_attempts_note": "Les étudiants auront droit à des tentatives illimitées sur l'exercice sélectionné."
+      "final_exercise_multiple_attempts_note": "Les étudiants auront droit à des tentatives illimitées sur l'exercice sélectionné.",
+      "deadline_required": "La date limite du certificat est requise lorsque les certificats sont téléchargeables.",
+      "deadline_required_enroll": "Les cours de conformité nécessitent une date limite de certificat avant que les apprenants puissent être inscrits."
     },
     "creator": {
       "heading": "Quel cours souhaitez-vous créer ?",
@@ -3810,7 +3815,8 @@
       "title": "Inscription désactivée",
       "invite_only_message": "L'inscription se fait sur invitation uniquement. Veuillez utiliser un lien d'invitation pour créer un compte.",
       "go_to_login": "Allez dans Connexion"
-    }
+    },
+    "continue_with": "Ou continuer avec"
   },
   "app": {
     "search": {

apps/dashboard/src/lib/utils/translations/hi.json

@@ -858,7 +858,10 @@
           "description": "नामांकित छात्र तब तक लॉक किए गए पाठ या अभ्यास नहीं ले पाएंगे जब तक आप उन्हें अनलॉक नहीं करते।",
           "description_live": "लॉक किए गए पाठ और अभ्यास छात्रों से तब तक छिपे रहते हैं जब तक आप उन्हें अनलॉक नहीं करते - यदि आप सप्ताह दर सप्ताह सामग्री जारी करते हैं तो उपयोगी है।",
           "unlock_all": "सबको अनलॉक करें"
-        }
+        },
+        "certificate_deadline_required": "पहले प्रमाणपत्र की समय सीमा निर्धारित करें",
+        "certificate_deadline_required_description": "अनुपालन पाठ्यक्रमों में शिक्षार्थियों के नामांकन से पहले प्रमाणपत्र की समय सीमा की आवश्यकता होती है। कृपया प्रकाशन से पहले प्रमाणपत्र सेटिंग में एक समय सीमा निर्धारित करें।",
+        "go_to_certificate_settings": "प्रमाणपत्र सेटिंग पर जाएं"
       },
       "analytics": {
         "title": "विश्लेषिकी"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "प्रमाणन अभ्यास \"{exerciseTitle}\" में कोई बिंदु कॉन्फ़िगर नहीं किया गया है; अपने प्रशिक्षक से इसे ठीक करने के लिए कहें।",
       "email_message_label": "ईमेल संदेश",
       "email_message_placeholder": "जैसे हमें आपकी प्रगति पर गर्व है - सीखते रहें!",
-      "final_exercise_multiple_attempts_note": "छात्रों को चयनित अभ्यास पर असीमित प्रयासों की अनुमति दी जाएगी।"
+      "final_exercise_multiple_attempts_note": "छात्रों को चयनित अभ्यास पर असीमित प्रयासों की अनुमति दी जाएगी।",
+      "deadline_required": "प्रमाणपत्र डाउनलोड करने योग्य होने पर प्रमाणपत्र की समय सीमा आवश्यक है।",
+      "deadline_required_enroll": "अनुपालन पाठ्यक्रमों में शिक्षार्थियों के नामांकन से पहले प्रमाणपत्र की समय सीमा की आवश्यकता होती है।"
     },
     "creator": {
       "heading": "आप कौन सा कोर्स बनाना चाहते हैं?",
@@ -3810,7 +3815,8 @@
       "title": "साइनअप अक्षम",
       "invite_only_message": "साइनअप केवल आमंत्रण के लिए है। खाता बनाने के लिए कृपया आमंत्रण लिंक का उपयोग करें।",
       "go_to_login": "लॉगइन पर जाएं"
-    }
+    },
+    "continue_with": "या साथ जारी रखें"
   },
   "app": {
     "search": {

apps/dashboard/src/lib/utils/translations/pl.json

@@ -858,7 +858,10 @@
           "description": "Zarejestrowani uczniowie nie będą mogli brać udziału w zablokowanych lekcjach ani ćwiczeniach, dopóki ich nie odblokujesz.",
           "description_live": "Zablokowane lekcje i ćwiczenia pozostają ukryte przed uczniami, dopóki ich nie odblokujesz — przydatne, jeśli publikujesz treści tydzień po tygodniu.",
           "unlock_all": "Odblokuj wszystko"
-        }
+        },
+        "certificate_deadline_required": "Najpierw ustal termin wydania certyfikatu",
+        "certificate_deadline_required_description": "Kursy zgodności wymagają wystawienia certyfikatu przed zapisaniem się na nie uczestników. Przed publikacją ustaw termin w ustawieniach certyfikatu.",
+        "go_to_certificate_settings": "Przejdź do Ustawień certyfikatu"
       },
       "analytics": {
         "title": "Analityka"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "W ćwiczeniu certyfikacyjnym „{exerciseTitle}” nie skonfigurowano żadnych punktów; poproś instruktora, żeby to naprawił.",
       "email_message_label": "Wiadomość e-mail",
       "email_message_placeholder": "np. Jesteśmy dumni z Twoich postępów — ucz się dalej!",
-      "final_exercise_multiple_attempts_note": "Studenci będą mieli nieograniczoną liczbę prób wykonania wybranego ćwiczenia."
+      "final_exercise_multiple_attempts_note": "Studenci będą mieli nieograniczoną liczbę prób wykonania wybranego ćwiczenia.",
+      "deadline_required": "W przypadku możliwości pobrania certyfikatów wymagany jest termin wydania certyfikatu.",
+      "deadline_required_enroll": "Kursy zgodności wymagają wystawienia certyfikatu przed zapisaniem się na nie uczestników."
     },
     "creator": {
       "heading": "Jaki kurs chcesz stworzyć?",
@@ -3810,7 +3815,8 @@
       "title": "Rejestracja wyłączona",
       "invite_only_message": "Rejestracja jest dostępna tylko za zaproszeniem. Aby utworzyć konto, użyj linku z zaproszeniem.",
       "go_to_login": "Przejdź do logowania"
-    }
+    },
+    "continue_with": "Lub kontynuuj z"
   },
   "app": {
     "search": {

apps/dashboard/src/lib/utils/translations/pt.json

@@ -858,7 +858,10 @@
           "description": "Os alunos inscritos não poderão fazer aulas ou exercícios bloqueados até que você os desbloqueie.",
           "description_live": "Aulas e exercícios bloqueados permanecem ocultos aos alunos até que você os desbloqueie – o que é útil se você liberar conteúdo semana após semana.",
           "unlock_all": "Desbloquear tudo"
-        }
+        },
+        "certificate_deadline_required": "Defina o prazo do certificado primeiro",
+        "certificate_deadline_required_description": "Os cursos de conformidade exigem um prazo de certificação antes que os alunos possam ser matriculados. Defina um prazo nas configurações do certificado antes de publicar.",
+        "go_to_certificate_settings": "Vá para configurações de certificado"
       },
       "analytics": {
         "title": "Análises"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "O exercício de certificação \"{exerciseTitle}\" não possui pontos configurados; peça ao seu instrutor para consertar.",
       "email_message_label": "Mensagem de e-mail",
       "email_message_placeholder": "por exemplo Estamos orgulhosos do seu progresso – continue aprendendo!",
-      "final_exercise_multiple_attempts_note": "Os alunos terão permissão para tentativas ilimitadas no exercício selecionado."
+      "final_exercise_multiple_attempts_note": "Os alunos terão permissão para tentativas ilimitadas no exercício selecionado.",
+      "deadline_required": "O prazo do certificado é necessário quando os certificados podem ser baixados.",
+      "deadline_required_enroll": "Os cursos de conformidade exigem um prazo de certificação antes que os alunos possam ser matriculados."
     },
     "creator": {
       "heading": "Qual curso você deseja criar?",
@@ -3810,7 +3815,8 @@
       "title": "Inscrição desativada",
       "invite_only_message": "A inscrição é apenas para convidados. Use um link de convite para criar uma conta.",
       "go_to_login": "Vá para Entrar"
-    }
+    },
+    "continue_with": "Ou continue com"
   },
   "app": {
     "search": {

apps/dashboard/src/lib/utils/translations/ru.json

@@ -858,7 +858,10 @@
           "description": "Зачисленные учащиеся не смогут проходить заблокированные уроки или упражнения, пока вы их не разблокируете.",
           "description_live": "Заблокированные уроки и упражнения остаются скрытыми от учащихся, пока вы их не разблокируете. Это полезно, если вы выпускаете контент еженедельно.",
           "unlock_all": "Разблокировать все"
-        }
+        },
+        "certificate_deadline_required": "Сначала установите срок действия сертификата",
+        "certificate_deadline_required_description": "Для прохождения курсов по соблюдению требований требуется крайний срок получения сертификата, прежде чем учащиеся смогут быть зачислены. Перед публикацией установите крайний срок в настройках сертификата.",
+        "go_to_certificate_settings": "Зайдите в настройки сертификата"
       },
       "analytics": {
         "title": "Аналитика"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "Для сертификационного упражнения «{exerciseTitle}» не настроены баллы; попросите инструктора это исправить.",
       "email_message_label": "Сообщение электронной почты",
       "email_message_placeholder": "например Мы гордимся вашим прогрессом — продолжайте учиться!",
-      "final_exercise_multiple_attempts_note": "Студентам будет разрешено неограниченное количество попыток выполнения выбранного упражнения."
+      "final_exercise_multiple_attempts_note": "Студентам будет разрешено неограниченное количество попыток выполнения выбранного упражнения.",
+      "deadline_required": "Крайний срок сертификата требуется, если сертификаты можно загрузить.",
+      "deadline_required_enroll": "Для прохождения курсов по соблюдению требований требуется крайний срок получения сертификата, прежде чем учащиеся смогут быть зачислены."
     },
     "creator": {
       "heading": "Какой курс вы хотите создать?",
@@ -3810,7 +3815,8 @@
       "title": "Регистрация отключена",
       "invite_only_message": "Регистрация возможна только по приглашению. Пожалуйста, используйте ссылку-приглашение для создания учетной записи.",
       "go_to_login": "Перейти к входу"
-    }
+    },
+    "continue_with": "Или продолжить с"
   },
   "app": {
     "search": {

apps/dashboard/src/lib/utils/translations/vi.json

@@ -858,7 +858,10 @@
           "description": "Học viên đã đăng ký sẽ không thể học các bài học hoặc bài tập bị khóa cho đến khi bạn mở khóa chúng.",
           "description_live": "Các bài học và bài tập bị khóa sẽ được ẩn khỏi học sinh cho đến khi bạn mở khóa chúng — hữu ích nếu bạn phát hành nội dung hàng tuần.",
           "unlock_all": "Mở khóa tất cả"
-        }
+        },
+        "certificate_deadline_required": "Đặt thời hạn chứng chỉ đầu tiên",
+        "certificate_deadline_required_description": "Các khóa học tuân thủ yêu cầu thời hạn cấp chứng chỉ trước khi người học có thể đăng ký. Vui lòng đặt thời hạn trong cài đặt chứng chỉ trước khi xuất bản.",
+        "go_to_certificate_settings": "Đi tới Cài đặt chứng chỉ"
       },
       "analytics": {
         "title": "Phân tích"
@@ -2475,7 +2478,9 @@
       "blocker_final_misconfigured": "Bài tập chứng nhận \"{exerciseTitle}\" không có cấu hình điểm nào; nhờ người hướng dẫn khắc phục.",
       "email_message_label": "Tin nhắn email",
       "email_message_placeholder": "ví dụ: Chúng tôi tự hào về sự tiến bộ của bạn - hãy tiếp tục học hỏi!",
-      "final_exercise_multiple_attempts_note": "Học sinh sẽ được phép thử không giới hạn bài tập đã chọn."
+      "final_exercise_multiple_attempts_note": "Học sinh sẽ được phép thử không giới hạn bài tập đã chọn.",
+      "deadline_required": "Thời hạn cấp chứng chỉ là bắt buộc khi có thể tải xuống chứng chỉ.",
+      "deadline_required_enroll": "Các khóa học tuân thủ yêu cầu thời hạn cấp chứng chỉ trước khi người học có thể đăng ký."
     },
     "creator": {
       "heading": "Bạn muốn tạo khóa học nào?",
@@ -3810,7 +3815,8 @@
       "title": "Đăng ký bị vô hiệu hóa",
       "invite_only_message": "Đăng ký chỉ dành cho người được mời. Vui lòng sử dụng liên kết mời để tạo tài khoản.",
       "go_to_login": "Đi tới Đăng nhập"
-    }
+    },
+    "continue_with": "Hoặc tiếp tục với"
   },
   "app": {
     "search": {