fix: unify PublicLayout usage with showMainContainer={false} across all pages to prevent nav shift

web/default/src/features/about/index.tsx

@@ -134,8 +134,8 @@ export function About() {
 
   if (isLoading) {
     return (
-      <PublicLayout>
-        <div className='mx-auto flex max-w-4xl flex-col gap-4 py-12'>
+      <PublicLayout showMainContainer={false}>
+        <div className='mx-auto flex max-w-4xl flex-col gap-4 py-12 px-6'>
           <Skeleton className='h-8 w-[45%]' />
           <Skeleton className='h-4 w-full' />
           <Skeleton className='h-4 w-[90%]' />
@@ -147,7 +147,7 @@ export function About() {
 
   if (!hasContent) {
     return (
-      <PublicLayout>
+      <PublicLayout showMainContainer={false}>
         <EmptyAboutState />
       </PublicLayout>
     )
@@ -166,7 +166,7 @@ export function About() {
   }
 
   return (
-    <PublicLayout>
+    <PublicLayout showMainContainer={false}>
       <div className='mx-auto max-w-6xl px-6 py-8'>
         {isHtml ? (
           <div

web/default/src/features/docs/index.tsx

@@ -249,7 +249,7 @@ export function Docs() {
   }, [selectedDoc?.content])
 
   return (
-    <PublicLayout>
+    <PublicLayout showMainContainer={false}>
       <div className='mx-auto w-full max-w-6xl px-6 pt-20 pb-12'>
         {/* Page header */}
         <div className='mb-8 text-center'>

web/default/src/features/legal/legal-document.tsx

@@ -67,8 +67,8 @@ export function LegalDocument({
 
   if (isLoading) {
     return (
-      <PublicLayout>
-        <div className='mx-auto flex max-w-4xl flex-col gap-4 py-12'>
+      <PublicLayout showMainContainer={false}>
+        <div className='mx-auto flex max-w-4xl flex-col gap-4 py-12 px-6'>
           <Skeleton className='h-8 w-[45%]' />
           <Skeleton className='h-4 w-full' />
           <Skeleton className='h-4 w-[90%]' />
@@ -80,8 +80,8 @@ export function LegalDocument({
 
   if (!success || !hasContent) {
     return (
-      <PublicLayout>
-        <div className='mx-auto max-w-2xl py-12'>
+      <PublicLayout showMainContainer={false}>
+        <div className='mx-auto max-w-2xl py-12 px-6'>
           <Card className='border-dashed'>
             <CardHeader className='flex flex-row items-center gap-4'>
               <div className='bg-muted rounded-lg p-2'>
@@ -102,8 +102,8 @@ export function LegalDocument({
 
   if (isUrl) {
     return (
-      <PublicLayout>
-        <div className='mx-auto max-w-2xl py-12'>
+      <PublicLayout showMainContainer={false}>
+        <div className='mx-auto max-w-2xl py-12 px-6'>
           <Card>
             <CardHeader>
               <CardTitle>{title}</CardTitle>
@@ -133,8 +133,8 @@ export function LegalDocument({
   }
 
   return (
-    <PublicLayout>
-      <div className='mx-auto max-w-4xl space-y-6 py-12'>
+    <PublicLayout showMainContainer={false}>
+      <div className='mx-auto max-w-4xl space-y-6 py-12 px-6'>
         <div className='space-y-2'>
           <h1 className='text-3xl font-semibold tracking-tight'>{title}</h1>
         </div>

web/default/src/features/pricing/components/model-details.tsx

@@ -1045,8 +1045,8 @@ export function ModelDetails() {
 
   if (isLoading) {
     return (
-      <PublicLayout>
-        <div className='mx-auto max-w-5xl px-4 sm:px-6'>
+      <PublicLayout showMainContainer={false}>
+        <div className='mx-auto max-w-5xl px-6'>
           <Skeleton className='mb-4 h-5 w-16' />
           <div className='space-y-2'>
             <Skeleton className='h-7 w-64' />
@@ -1070,8 +1070,8 @@ export function ModelDetails() {
 
   if (!model) {
     return (
-      <PublicLayout>
-        <div className='mx-auto max-w-2xl px-4 text-center sm:px-6'>
+      <PublicLayout showMainContainer={false}>
+        <div className='mx-auto max-w-2xl px-6 text-center'>
           <h2 className='mb-1 text-base font-semibold'>
             {t('Model not found')}
           </h2>
@@ -1087,8 +1087,8 @@ export function ModelDetails() {
   }
 
   return (
-    <PublicLayout>
-      <div className='mx-auto max-w-5xl px-4 sm:px-6'>
+    <PublicLayout showMainContainer={false}>
+      <div className='mx-auto max-w-5xl px-6'>
         <Button
           variant='ghost'
           size='sm'