chore(studio): default opt-in to integrations layout (#48183)

Make the new "one-click" integrations feature preview opt-in by default
so it appears for all users once we switch `marketplaceIntegrations` to
_true_ and reframe the feature preview copywriting.

<img width="1007" height="694" alt="Screenshot 2026-07-22 at 12 01 08"
src="https://github.com/user-attachments/assets/4b35870c-dcf0-45cc-a1b5-69628e7e10b5"
/>


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
  * Added a visual preview image to the integrations layout preview.
  * Renamed the preview to “One-Click Integrations.”
* Made the preview enabled by default when the marketplace feature is
enabled.
* **Style**
* Refreshed the preview text and updated the layout with improved
spacing, border, and rounded corners.
* **Documentation**
* Updated the page header documentation link to the general integrations
guide.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

apps/studio/components/interfaces/App/FeaturePreview/IntegrationsLayoutPreview.tsx

@@ -1,7 +1,19 @@
+import Image from 'next/image'
+import { BASE_PATH } from 'ui-patterns/CommandMenu/prepackaged/shared/constants'
+
 export const IntegrationsLayoutPreview = () => (
   <div>
-    <p className="text-sm text-foreground-light">
-      Browse and install integrations from a new layout with improved filtering and search.
+    <p className="text-sm text-foreground-light mb-4">
+      Install Dashboard Integrations in a single click, with improved filtering and search to help
+      you find the one you need.
     </p>
+
+    <Image
+      alt="integrations layout preview"
+      src={`${BASE_PATH}/img/previews/integrations-layout-preview.png`}
+      width={1296}
+      height={900}
+      className="rounded-sm border"
+    />
   </div>
 )

apps/studio/components/interfaces/App/FeaturePreview/useFeaturePreviews.ts

@@ -92,12 +92,12 @@ export const useFeaturePreviews = (): FeaturePreview[] => {
         },
         {
           key: LOCAL_STORAGE_KEYS.UI_PREVIEW_MARKETPLACE,
-          name: 'Integrations layout',
+          name: 'One-Click Integrations',
           discussionsUrl: undefined,
           enabled: isMarketplaceEnabled,
           isNew: true,
-          isPlatformOnly: true,
-          isDefaultOptIn: false,
+          isPlatformOnly: false,
+          isDefaultOptIn: true,
           getRoute: (ref?: string) => `/project/${ref}/integrations`,
         },
         {

apps/studio/components/interfaces/Integrations/Marketplace/MarketplaceIndex.tsx

@@ -229,7 +229,7 @@ export const MarketplaceIndex = () => {
             </PageHeaderDescription>
           </PageHeaderSummary>
           <div className="flex shrink-0 items-center gap-2">
-            <DocsButton href={`${DOCS_URL}/guides/integrations/partner-catalog`} />
+            <DocsButton href={`${DOCS_URL}/guides/integrations`} />
           </div>
         </PageHeaderMeta>
       </PageHeader>