Merge branch 'main' of https://github.com/DevLoversTeam/devlovers.net into develop

Author: ViktorSvertoka

frontend/app/[locale]/quiz/[slug]/page.tsx

@@ -9,18 +9,22 @@ import { getCurrentUser } from '@/lib/auth';
 
 type MetadataProps = { params: Promise<{ locale: string; slug: string }> };
 
-export async function generateMetadata({ params }: MetadataProps): Promise<Metadata> {
+export async function generateMetadata({
+  params,
+}: MetadataProps): Promise<Metadata> {
   const { locale, slug } = await params;
   const t = await getTranslations({ locale, namespace: 'quiz.page' });
   const quiz = await getQuizBySlug(slug, locale);
-  
+
   if (!quiz) {
     return { title: t('notFoundTitle') };
   }
-  
+
   return {
     title: `${quiz.title} | ${t('metaSuffix')}`,
-    description: quiz.description ?? t('metaDescriptionFallback', { title: quiz.title ?? '' }),
+    description:
+      quiz.description ??
+      t('metaDescriptionFallback', { title: quiz.title ?? '' }),
   };
 }
 
@@ -52,10 +56,10 @@ export default async function QuizPage({
 
   const seed = Number.parseInt(seedParam, 10);
   if (Number.isNaN(seed)) {
-     // eslint-disable-next-line react-hooks/purity -- redirect throws, value never used in render
+    // eslint-disable-next-line react-hooks/purity -- redirect throws, value never used in render
     redirect(`/${locale}/quiz/${slug}?seed=${Date.now()}`);
   }
-  
+
   const questions = await getQuizQuestionsRandomized(quiz.id, locale, seed);
 
   const clientQuestions = stripCorrectAnswers(questions);

frontend/app/[locale]/quizzes/page.tsx

@@ -8,10 +8,12 @@ import { getCurrentUser } from '@/lib/auth';
 
 type PageProps = { params: Promise<{ locale: string }> };
 
-export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
+export async function generateMetadata({
+  params,
+}: PageProps): Promise<Metadata> {
   const { locale } = await params;
   const t = await getTranslations({ locale, namespace: 'quiz.list' });
-  
+
   return {
     title: t('metaTitle'),
     description: t('metaDescription'),

frontend/app/not-found.tsx

@@ -28,7 +28,7 @@ export default async function NotFound() {
       <div className="pointer-events-none absolute inset-0 opacity-60">
         <div className="absolute -top-32 left-1/2 h-96 w-xl -translate-x-1/2 rounded-full bg-(--accent-primary)/20 blur-3xl" />
         <div className="absolute -bottom-48 left-1/4 h-88 w-88 rounded-full bg-(--accent-hover)/15 blur-3xl" />
-        <div className="absolute -bottom-40 right-0 h-104 w-104 rounded-full bg-(--accent-primary)/25 blur-3xl" />
+        <div className="absolute right-0 -bottom-40 h-104 w-104 rounded-full bg-(--accent-primary)/25 blur-3xl" />
       </div>
 
       <div className="pointer-events-none absolute inset-0 opacity-40 dark:opacity-60">

frontend/components/quiz/CountdownTimer.tsx

@@ -25,12 +25,11 @@ export function CountdownTimer({
   const [isSynced, setIsSynced] = useState(false);
   const [prevEndTime, setPrevEndTime] = useState(endTime);
 
-    if (endTime !== prevEndTime) {
-      setPrevEndTime(endTime);
-      setIsSynced(false);
-      setRemainingSeconds(timeLimitSeconds);
-    }
-
+  if (endTime !== prevEndTime) {
+    setPrevEndTime(endTime);
+    setIsSynced(false);
+    setRemainingSeconds(timeLimitSeconds);
+  }
 
   useEffect(() => {
     if (!isActive) return;
@@ -57,7 +56,6 @@ export function CountdownTimer({
     return () => clearInterval(interval);
   }, [isActive, onTimeUp, endTime]);
 
-
   useEffect(() => {
     if (!isActive) return;
 
@@ -116,12 +114,11 @@ export function CountdownTimer({
 
       <div className="h-2 overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700">
         <div
-            className={cn(
-              'h-full',
-              isSynced && 'transition-all duration-1000 ease-linear',
-              getProgressBarColor()
-            )}
-
+          className={cn(
+            'h-full',
+            isSynced && 'transition-all duration-1000 ease-linear',
+            getProgressBarColor()
+          )}
           style={{ width: `${percentage}%` }}
         />
       </div>
@@ -138,7 +135,8 @@ export function CountdownTimer({
             </>
           ) : (
             <>
-              <Clock className="inline h-4 w-4" aria-hidden="true" /> {t('hurryUp')}
+              <Clock className="inline h-4 w-4" aria-hidden="true" />{' '}
+              {t('hurryUp')}
             </>
           )}
         </p>