add common above-footer padding and border

components/footer.tsx

@@ -9,7 +9,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import Link from "next/link";
 
 const Footer = () => (
-  <footer className="bg-ctp-base text-ctp-text">
+  <footer className="border-t border-ctp-mantle bg-ctp-base text-ctp-text">
     <div className="mx-auto flex max-w-8xl flex-col gap-8 px-4 py-6 md:flex-row md:px-8">
       <section className="basis-1/3">
         <h4 className="text-2xl font-bold">About</h4>

pages/docs/[[...slug]].tsx

@@ -141,7 +141,7 @@ const DocPage: NextPageWithLayout<{
   tree: TreeItem;
 }> = ({ source, tree }) => {
   return (
-    <div className="mx-auto min-h-screen max-w-8xl space-y-12 px-4 pt-24 md:px-8 lg:pt-28">
+    <div className="mx-auto min-h-screen max-w-8xl space-y-12 px-4 pb-16 pt-24 md:px-8 md:pb-28 lg:pt-28">
       <aside className="max-w-80 right-auto mb-8 flex flex-col break-normal align-top lg:fixed lg:mb-0">
         <TreeNode node={tree} path="/docs" />
       </aside>

pages/index.tsx

@@ -78,7 +78,7 @@ const Home: NextPageWithLayout = () => {
         </div>
       </HomeSection>
 
-      <HomeSection className="pb-28">
+      <HomeSection className="pb-16 md:pb-28">
         <div className="basis-1/4">
           <p className="mt-8 font-semibold text-ctp-mauve">Rusty Quartz?</p>
           <p className="mt-4 text-3xl font-extrabold tracking-tight text-ctp-text sm:text-4xl">