Updated the timer to be on the Navbar, making it more mobile friendly

src/exams/Writing.tsx

@@ -16,18 +16,8 @@ interface Props {
 
 export default function Writing({exam, showSolutions = false, onFinish}: Props) {
 	const [exerciseIndex, setExerciseIndex] = useState(0);
-	const [timer, setTimer] = useState<number>();
 	const [userSolutions, setUserSolutions] = useState<UserSolution[]>([]);
 
-	useEffect(() => {
-		setTimer(exam.minTimer * 60);
-		const timerInterval = setInterval(() => setTimer((prev) => prev && prev - 1), 1000);
-
-		return () => {
-			clearInterval(timerInterval);
-		};
-	}, [exam.minTimer]);
-
 	const nextExercise = (solution?: UserSolution) => {
 		if (solution) {
 			setUserSolutions((prev) => [...prev.filter((x) => x.id !== solution.id), solution]);
@@ -51,13 +41,6 @@ export default function Writing({exam, showSolutions = false, onFinish}: Props)
 
 	return (
 		<div className="w-full h-full relative flex flex-col gap-8 items-center justify-center p-8 px-16 overflow-hidden">
-			{timer && (
-				<div className="absolute w-24 top-8 text-center right-8 font-semibold text-lg border-ielts-writing border-2 p-2 rounded-xl bg-ielts-writing-transparent text-white">
-					{Math.floor(timer / 60) < 10 ? "0" : ""}
-					{Math.floor(timer / 60)}:{timer % 60 < 10 ? "0" : ""}
-					{timer % 60}
-				</div>
-			)}
 			{exerciseIndex > -1 &&
 				exerciseIndex < exam.exercises.length &&
 				!showSolutions &&