fix(tradein): preview обёрнут в .page/.result-col (desktop-раскладка, не «мобильная») (#801)

Голый <main maxWidth:920> без layout-классов реальной страницы → карточки
рендерились узко/одной колонкой («мобильный» вид). Обёрнуто в .page > .result-col
(как page.tsx) — flex-column gap, --container ширина.

Refs #801.

tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx

@@ -58,10 +58,10 @@ function PreviewContent() {
 
   return (
     <QueryClientProvider client={client}>
-      <main
-        className="tradein-results"
-        style={{ maxWidth: 920, margin: "0 auto", padding: 24 }}
-      >
+      {/* Те же layout-классы, что у реальной страницы (page.tsx): .page → .result-col
+          (flex-column gap, --container ширина). Без них карточки рендерились узко/«мобильно». */}
+      <main className="page">
+        <section className="result-col">
           <HeroSummary
             estimate={FIXTURE_ESTIMATE}
             input={FIXTURE_INPUT}
@@ -74,6 +74,7 @@ function PreviewContent() {
           <StreetDealsCard estimate={FIXTURE_ESTIMATE} />
           <ExposureCard estimate={FIXTURE_ESTIMATE} />
           <PriceTrendCard estimate={FIXTURE_ESTIMATE} />
+        </section>
       </main>
     </QueryClientProvider>
   );