Update header spacing

Author: lucemans

web/src/layouts/SimpleCenterPage.tsx

@@ -7,6 +7,7 @@ import { getTitle } from '@/util/title';
 export type SCPageProperties = PropsWithChildren<{
     title: string;
     hideTitle?: boolean;
+    hideHeader?: boolean;
     subtext?: ReactNode;
     width?: 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'lg' | 'md' | 'dynamic';
     suffix?: ReactNode;
@@ -17,6 +18,7 @@ export const SCPage: FC<SCPageProperties> = ({
     children,
     title,
     hideTitle,
+    hideHeader,
     subtext,
     width = 'dynamic',
     suffix,
@@ -41,17 +43,19 @@ export const SCPage: FC<SCPageProperties> = ({
                 className
             )}
         >
-            <div className="flex items-end justify-between">
-                <div>
-                    {!hideTitle && <h1 className="h1 pl-4">{title}</h1>}
-                    {subtext && (
-                        <div className="flex items-center gap-2 pl-4 text-sm">
-                            {subtext}
-                        </div>
-                    )}
+            {!hideHeader && (
+                <div className="flex items-end justify-between">
+                    <div>
+                        {!hideTitle && <h1 className="h1 pl-4">{title}</h1>}
+                        {subtext && (
+                            <div className="flex items-center gap-2 pl-4 text-sm">
+                                {subtext}
+                            </div>
+                        )}
+                    </div>
+                    {suffix}
                 </div>
-                {suffix}
-            </div>
+            )}
             {children}
         </div>
     );

web/src/routes/_authed/index.tsx

@@ -13,7 +13,7 @@ function RouteComponent() {
     const { data: teams } = useTeams();
 
     return (
-        <SCPage title="Home" hideTitle>
+        <SCPage title="Home" hideHeader>
             <SiteList external />
             <TeamList />
         </SCPage>