Created a screen for the module exam selection

src/components/Navbar.tsx

@@ -1,13 +1,13 @@
 /* eslint-disable @next/next/no-img-element */
 export default function Navbar() {
 	return (
-		<div className="navbar bg-base-100">
+		<div className="navbar bg-neutral-100 drop-shadow-md text-black">
 			<div className="flex-1">
 				<a className="btn btn-ghost normal-case text-xl">IELTS GPT</a>
 			</div>
 			<div className="flex-none gap-2">
 				<div className="form-control">
-					<input type="text" placeholder="Search" className="input input-bordered" />
+					<input type="text" placeholder="Search" className="input input-bordered bg-white" />
 				</div>
 				<div className="dropdown dropdown-end">
 					<label tabIndex={0} className="btn btn-ghost btn-circle avatar">