Implemented the Reading and Listening initial screens according to the new designs, creating new components as needed

src/pages/exam.tsx

@@ -209,7 +209,11 @@ export default function Page() {
 				<link rel="icon" href="/favicon.ico" />
 			</Head>
 			<ToastContainer />
-			{user && <Layout user={user}>{renderScreen()}</Layout>}
+			{user && (
+				<Layout user={user} className="justify-between">
+					{renderScreen()}
+				</Layout>
+			)}
 		</>
 	);
 }