fix(web): console nested inside outer card so its rounded bottom shows below (bud parity)

Follow-up: moving the console fully OUT of the card left nothing below it, but bud
keeps the console INSIDE the outer rounded card (CDP: outer card rounded-24px +
border-2px, console sits 2px above the card's bottom edge). Restored that nesting:
- Outer card (124) is now the wrapper: rounded-[24px] border + p-0.5 + gap-2, holding
  the content sub-card AND the console.
- Content is its own bordered sub-card (rounded-[22px] border) so the separation edge
  always shows (no white-on-white vanish).
- Console back inside the outer card below the content, with the gap between them.
Now: content sub-card -> gap -> console -> outer card's rounded bottom edge below it,
matching bud #57. Verified live.

Author: iamjr15

apps/web/src/components/preview/preview-side-panel.tsx

@@ -121,8 +121,8 @@ export function PreviewSidePanel({
             setActivePreviewTab={setActivePreviewTab}
             setPreviewPanelOpen={setPreviewPanelOpen}
           />
-          <div className="flex min-h-0 w-full flex-1 flex-col overflow-hidden rounded-[24px] border border-[#f1f1f1] bg-white shadow-[0_0_1px_rgba(0,0,0,0.08)]">
-            <div className="min-h-0 min-w-0 flex-1 rounded-[24px] p-0.5">
+          <div className="flex min-h-0 w-full flex-1 flex-col gap-2 overflow-hidden rounded-[24px] border border-[#f1f1f1] bg-white p-0.5 shadow-[0_0_1px_rgba(0,0,0,0.08)]">
+            <div className="min-h-0 min-w-0 flex-1 overflow-hidden rounded-[22px] border border-[#f1f1f1]">
               <PanelBody
                 activePreviewTab={activePreviewTab}
                 device={previewDevice}
@@ -136,10 +136,10 @@ export function PreviewSidePanel({
                 threadId={threadId}
               />
             </div>
+            {activePreviewTab === "files" ? (
+              <ConsoleStrip sandboxAvailable={project !== null} threadId={threadId} />
+            ) : null}
           </div>
-          {activePreviewTab === "files" ? (
-            <ConsoleStrip sandboxAvailable={project !== null} threadId={threadId} />
-          ) : null}
         </div>
       </aside>
     </>