fix(web): parts table spills below the footer on mobile schema page (#76)

The parts-panel wrapper used max-h-[500px] on mobile, but a max-height parent
does not give the panel's `h-full` a definite height to resolve against, so
the panel resolved to the table's full intrinsic height (~2500px) and, because
the wrapper's overflow is visible, spilled out the bottom — rendering the whole
parts list a second time below the signup CTA and the page footer (reported
"ürün kodları → kaydol kartı → footer → ürün kodları" broken structure).

Drop the mobile height cap so the parts list flows in normal document order and
the page scrolls through it (the intended mobile pattern; also resolves the
triple-scroll-trap noted in #76). Desktop is unchanged: the 40% column still
sits inside the md:h-[700px] row with its own inner overflow scroll.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

apps/web/src/components/schema/schema-viewer.tsx

@@ -169,7 +169,13 @@ export function SchemaViewer({
       </div>
 
       {/* Right side: Parts panel (40%) */}
-      <div className="max-h-[500px] w-full md:max-h-none md:w-[40%]">
+      {/* No mobile height cap: a `max-h` parent does not give the panel's
+          `h-full` a definite height, so the table resolved to its full ~2500px
+          and spilled out below the page footer (broken mobile layout). Letting
+          it flow lets the page scroll naturally through the parts — the
+          intended mobile pattern (#76). Desktop keeps the 40% column inside the
+          md:h-[700px] row with its own inner scroll. */}
+      <div className="w-full md:w-[40%]">
         <PartsPanel
           parts={parts}
           vehicleId={vehicleId}