init matches, tournament runner

src/features/core/components/layout.tsx

@@ -11,7 +11,7 @@ const Layout: React.FC<PropsWithChildren> = ({ children }) => {
   const { header } = useRouterConfig();
   const viewport = useVisualViewportSize();
   const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 });
-  const { withPadding } = useRouterConfig();
+  const { withPadding, fullWidth } = useRouterConfig();
 
   return (
     <AppShell
@@ -43,7 +43,7 @@ const Layout: React.FC<PropsWithChildren> = ({ children }) => {
         style={{ transition: 'none' }}
       >
         <Pullable scrollPosition={scrollPosition} onScrollPositionChange={setScrollPosition}>
-          <Page noPadding={!withPadding}>
+          <Page noPadding={!withPadding} fullWidth={fullWidth}>
             {children}
           </Page>
         </Pullable>

src/features/core/hooks/use-router-config.ts

@@ -33,7 +33,8 @@ const useRouterConfig = () => {
   return {
     header: headerConfig,
     refresh: current && typeof current === 'object' && 'refresh' in current ? current.refresh : [],
-    withPadding: current && typeof current === 'object' && 'withPadding' in current ? current.withPadding : true
+    withPadding: current && typeof current === 'object' && 'withPadding' in current ? current.withPadding : true,
+    fullWidth: current && typeof current === 'object' && 'fullWidth' in current ? current.fullWidth : false,
   };
 }