fix: reset quiz attempt to be able to start again

src/components/QuizAttempt/QuizAttempt.tsx

@@ -17,6 +17,7 @@ export function QuizAttempt({ quiz, handleQuizStart, handleQuizEnd }: QuizAttemp
   useEffect(() => {
     // TODO: randomize questions array
     setQuestions(quiz.questions);
+    setQuestionIndex(0);
   }, [hasAttemptStarted]);
 
   const question = questions[questionIndex];

src/pages/Game/CountryQuizList.tsx

@@ -1,10 +1,10 @@
 import { Button, Card, CardBody, CardFooter, CardHeader, Spinner, Typography } from "@material-tailwind/react";
 import { useNavigate, useSearchParams } from "react-router-dom";
+import { DifficultyChip } from "@components/DifficultyChip/DifficultyChip.tsx";
+import { TimeLimitChip } from "@components/TimeLimitChip/TimeLimitChip.tsx";
 import { CountryQuizzesQuery } from "@generated/graphql.ts";
 import { CountryInfoModal } from "@pages/Game/CountryInfoModal.tsx";
 import { useCountryDetails } from "@utils/hooks/useCountryDetails.ts";
-import { TimeLimitChip } from "@components/TimeLimitChip/TimeLimitChip.tsx";
-import { DifficultyChip } from "@components/DifficultyChip/DifficultyChip.tsx";
 
 interface CountryQuizListProps {
   quizList: CountryQuizzesQuery["quizList"];

src/pages/Quiz/index.tsx

@@ -1,3 +1,4 @@
+import { useState } from "react";
 import { useQuery } from "@apollo/client";
 import {
   Accordion,
@@ -15,7 +16,6 @@ import { TimeLimitChip } from "@components/TimeLimitChip/TimeLimitChip.tsx";
 import { gql } from "@generated/gql.ts";
 import { QuizData } from "@generated/graphql.ts";
 import { useCountryDetails } from "@utils/hooks/useCountryDetails.ts";
-import { useState } from "react";
 
 const GET_QUIZ = gql(/* GraphQL */ `
   query QuizById($quizId: String!) {