Add backgrounds to TOC footer

Author: hasparus

src/components/table-of-contents.tsx

@@ -101,7 +101,8 @@ export function TableOfContents({
       {hasMetaInfo && (
         <div
           className={clsx(
-            hasHeadings && "nextra-toc-footer mt-8 pt-8",
+            hasHeadings &&
+              "nextra-toc-footer mt-8 bg-[rgb(var(--nextra-bg))] pt-8",
             "sticky bottom-0 flex flex-col items-start gap-2 pb-8",
             "-mx-1 px-1", // to hide focused toc links
           )}