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/components/Scene.tsx

@@ -6,7 +6,7 @@ import PageTitle from "~/components/PageTitle";
 
 type Props = {
   icon?: React.ReactNode;
-  title: React.ReactNode;
+  title?: React.ReactNode;
   textTitle?: string;
   children: React.ReactNode;
   breadcrumb?: React.ReactNode;
@@ -27,6 +27,7 @@ function Scene({
     <FillWidth>
       <PageTitle title={textTitle || title} />
       <Header
+        hasSidebar
         title={
           icon ? (
             <>