fix: add toc to mobile views and account for branding on shared view layouts (#2997)

* fix: add toc to mobile views and center the branding

* add padding to bottom of sidebar

* put the mobile branding inline

* finesse the padding

* make spelling of sign-in email less crazy looking

* move mobile sidebar button into header

* adds scene to search and 404 pages

* fix title alignment

* make filter buttons tight

* clean up unused imports

* lint

Co-authored-by: Tom Moor <tom.moor@gmail.com>

app/scenes/Error404.tsx

@@ -1,23 +1,21 @@
 import * as React from "react";
 import { useTranslation, Trans } from "react-i18next";
 import { Link } from "react-router-dom";
-import CenteredContent from "~/components/CenteredContent";
 import Empty from "~/components/Empty";
-import PageTitle from "~/components/PageTitle";
+import Scene from "~/components/Scene";
 
 const Error404 = () => {
   const { t } = useTranslation();
   return (
-    <CenteredContent>
-      <PageTitle title={t("Not found")} />
-      <h1>{t("Not found")}</h1>
+    <Scene title={t("Not Found")}>
+      <h1>{t("Not Found")}</h1>
       <Empty>
         <Trans>
           We were unable to find the page you’re looking for. Go to the{" "}
           <Link to="/home">homepage</Link>?
         </Trans>
       </Empty>
-    </CenteredContent>
+    </Scene>
   );
 };