Fixed Notes page height issue (#950)

* Update notes.tsx

* Update root.tsx

Author: Ayush-v

app/root.tsx

@@ -219,7 +219,7 @@ function App() {
 					</nav>
 				</header>
 
-				<div className="flex-1">
+				<div className="flex-1 flex flex-col">
 					<Outlet />
 				</div>
 

app/routes/users+/$username_+/notes.tsx

@@ -32,7 +32,7 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 	const navLinkDefaultClassName =
 		'line-clamp-2 block rounded-l-full py-2 pl-8 pr-6 text-base lg:text-xl'
 	return (
-		<main className="container flex h-full min-h-[400px] px-0 pb-12 md:px-8">
+		<main className="container flex flex-1 min-h-[400px] px-0 pb-12 md:px-8">
 			<div className="grid w-full grid-cols-4 bg-muted pl-2 md:container md:rounded-3xl md:pr-0">
 				<div className="relative col-span-1">
 					<div className="absolute inset-0 flex flex-col">