style: fix overflow home page

src/pages/home.tsx

@@ -5,7 +5,7 @@ export default function Home() {
       <>
          <MainTemplate pageTitle="Home">
             <div className="flex-1 flex flex-col overflow-auto">
-               <div className="@container/main flex flex-col">
+               <div className="@container/main flex flex-col mb-4">
                   <div className="p-4 lg:p-6 flex flex-1">
                      <div className="border w-full">
                         <div className="border-b py-2 px-4 lg:px-6 bg-sidebar">
@@ -13,17 +13,19 @@ export default function Home() {
                         </div>
                         <div className="p-4 lg:p-6">
                            <p className="leading-7 [&:not(:first-child)]:mt-6 font-normal">
-                              Hi,{" "}
+                              Eólas is my technical knowledge management system, or "second-brain",
+                              comprising notes from the study of software engineering and computer
+                              science.
+                           </p>
+
+                           <p className="leading-7 [&:not(:first-child)]:mt-6 font-normal">
                               <a
                                  className="text-foreground underline-offset-3 font-medium underline hover:text-gray-700 dark:hover:text-green-300"
                                  href="https://systemsobscure.blog/about"
                                  target="_blank"
                               >
-                                 I'm Thomas
+                                 Who am I?
                               </a>
-                              , Eólas is my technical knowledge management system, or
-                              "second-brain", comprising notes from the study of software
-                              engineering and computer science.{" "}
                            </p>
                         </div>
                      </div>

src/templates/MainTemplate.tsx

@@ -10,7 +10,7 @@ export default function MainTemplate({ children, pageTitle }) {
             <AppSidebar />
             <SidebarInset className="flex flex-col h-screen">
                <AppHeader pageTitle={pageTitle} />
-               <main className="flex-1 overflow-hidden">{children}</main>
+               <main className="flex-1 overflow-x-auto">{children}</main>
             </SidebarInset>
          </SidebarProvider>
       </ThemeProvider>