fix(web): rename mail env vars and pass build context to Dockerfile to fix CMS white screen

apps/web/src/components/Section.tsx

@@ -82,9 +82,9 @@ export const Section: React.FC<SectionProps> = ({
 
       <div className={cn("relative z-10", containerClass)}>
         {hasSidebar ? (
-          <div className="grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-24">
+          <div className="grid grid-cols-1 md:grid-cols-12 gap-4 md:gap-12 lg:gap-24">
             {/* Sidebar: Number & Title */}
-            <div className="md:col-span-3">
+            <div className="md:col-span-4 lg:col-span-3">
               <div className="md:sticky md:top-40 flex flex-col gap-4 md:gap-8">
                 <div className="flex items-end md:flex-col md:items-start gap-6 md:gap-8">
                   {number && (
@@ -124,7 +124,7 @@ export const Section: React.FC<SectionProps> = ({
             </div>
 
             {/* Main Content */}
-            <div className="md:col-span-9">{children}</div>
+            <div className="md:col-span-8 lg:col-span-9">{children}</div>
           </div>
         ) : (
           <div className="w-full">{children}</div>