Updated the styling of the Diagnostic page

src/components/Navbar.tsx

@@ -4,16 +4,17 @@ import {Avatar} from "primereact/avatar";
 
 interface Props {
 	user: User;
+	navDisabled?: boolean;
 }
 
 /* eslint-disable @next/next/no-img-element */
-export default function Navbar({user}: Props) {
+export default function Navbar({user, navDisabled = false}: Props) {
 	return (
 		<header className="w-full bg-transparent py-4 gap-2 flex items-center">
 			<h1 className="font-bold text-2xl w-1/6 px-8">EnCoach</h1>
 			<div className="flex justify-between w-5/6 mr-8">
 				<input type="text" placeholder="Search..." className="rounded-full py-4 px-6 border border-mti-gray-platinum outline-none" />
-				<Link href="/profile" className="flex gap-3 items-center justify-end">
+				<Link href={!navDisabled ? "/profile" : ""} className="flex gap-3 items-center justify-end">
 					<img src={user.profilePicture} alt={user.name} className="w-10 h-10 rounded-full object-cover" />
 					<span className="text-right">{user.name}</span>
 				</Link>