fix: add i18n lang segment to legal routes

app/routes/legal.$slug.tsx → app/routes/_main.($lang).legal.$slug.tsx

@@ -12,9 +12,6 @@ export async function loader({ params }: LoaderFunctionArgs) {
   const { slug } = params;
 
   if (!slug) {
-    // we know we can't render the component
-    // so throw immediately to stop executing code
-    // and show the not found page
     throw new Response('Not Found', { status: 404 });
   }
 
@@ -42,7 +39,7 @@ export const meta: MetaFunction<typeof loader> = ({ data, params }) => {
   });
 };
 
-export default function Index() {
+export default function LegalPage() {
   const { page } = useLoaderData<typeof loader>();
   return (
     <article

app/routes/_main.($lang).legal.tsx

@@ -0,0 +1,17 @@
+import { Outlet } from 'react-router';
+
+import { Grid, GridItem } from '@ocobo/styled-system/jsx';
+
+import { Container } from '~/components/ui/Container';
+
+export default function LegalLayout() {
+  return (
+    <Container isMobileFullWidth>
+      <Grid columns={{ base: 1, lg: 6 }}>
+        <GridItem colSpan={4}>
+          <Outlet />
+        </GridItem>
+      </Grid>
+    </Container>
+  );
+}