fix: scroll bars on bottom of all pages because the page wasn't extend to the view fully and they were always showing

Author: bbland1

src/views/Layout.tsx

@@ -18,7 +18,7 @@ export function Layout({ user }: Props) {
 				<header className="Layout-header">
 					<h1>GrocerEase</h1>
 				</header>
-				<main className="Layout-main overflow-scroll">
+				<main className="Layout-main overflow-auto">
 					{user && (
 						<Button
 							onClick={() => navigate("/about")}

src/views/authenticated/AuthenticatedHome.tsx

@@ -10,7 +10,7 @@ interface Props {
 
 export function AuthenticatedHome({ data, setListPath, user }: Props) {
 	return (
-		<div className="Home">
+		<>
 			<p>
 				Hello from the home (<code>/</code>) page!
 			</p>
@@ -29,6 +29,6 @@ export function AuthenticatedHome({ data, setListPath, user }: Props) {
 					<CreateList user={user} setListPath={setListPath} />
 				</>
 			)}
-		</div>
+		</>
 	);
 }