Made some of the code a bit more responsive

src/components/Navbar.tsx

@@ -1,16 +1,18 @@
 import axios from "axios";
 import Link from "next/link";
 import {useRouter} from "next/router";
+import {Button} from "primereact/button";
 import {Menubar} from "primereact/menubar";
 import {MenuItem} from "primereact/menuitem";
 
 interface Props {
 	profilePicture: string;
 	timer?: number;
+	showExamEnd?: boolean;
 }
 
 /* eslint-disable @next/next/no-img-element */
-export default function Navbar({profilePicture, timer}: Props) {
+export default function Navbar({profilePicture, timer, showExamEnd = false}: Props) {
 	const router = useRouter();
 
 	const logout = async () => {
@@ -50,7 +52,7 @@ export default function Navbar({profilePicture, timer}: Props) {
 		},
 	];
 
-	const end = timer && (
+	const endTimer = timer && (
 		<span className="pr-2 font-semibold">
 			{Math.floor(timer / 60) < 10 ? "0" : ""}
 			{Math.floor(timer / 60)}:{timer % 60 < 10 ? "0" : ""}
@@ -58,9 +60,15 @@ export default function Navbar({profilePicture, timer}: Props) {
 		</span>
 	);
 
+	const endNewExam = (
+		<Link href="/exam" className="pr-2">
+			<Button text label="Exam" severity="secondary" size="small" />
+		</Link>
+	);
+
 	return (
 		<div className="bg-neutral-100 z-10 w-full p-2">
-			<Menubar model={items} end={end} />
+			<Menubar model={items} end={showExamEnd ? endNewExam : endTimer} />
 		</div>
 	);
 }