[PRO-96] Playground: Update product grouping (#8401)

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on restructuring the `payments` and `contracts` sections of the codebase, consolidating them under a new `bridge` section, and updating various links and components to reflect the new structure.

### Detailed summary
- Deleted multiple files related to `payments` and `contracts`.
- Introduced new `bridge` components and pages.
- Updated links in various `.mdx` and `.tsx` files to point to the new `bridge` paths.
- Renamed components such as `BuyPlayground` to `BuyWidget`.
- Updated sidebar links for improved navigation.
- Adjusted feature cards to reflect the new structure and titles.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

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

* **New Features**
  * Reorganized navigation menu with new Bridge section consolidating payment widgets
  * Added x402 as prominent top-level navigation item
  * Expanded Account Abstraction section with new submenu items

* **Changes**
  * Updated widget names and playground URLs across documentation and dashboard links
  * Restructured Transactions and Account Abstraction into dedicated submenus under Wallets
  * Renamed and relocated playground widget pages to Bridge section

* **Removals**
  * Removed Contracts section from navigation and playground
  * Removed standalone Payments overview page
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: MananTank

apps/dashboard/src/app/(app)/team/[team_slug]/(team)/TeamSidebarLayout.tsx

@@ -92,7 +92,7 @@ export function TeamSidebarLayout(props: {
           label: "Documentation",
         },
         {
-          href: "https://playground.thirdweb.com/connect/sign-in/button",
+          href: "https://playground.thirdweb.com/wallets/sign-in/button",
           icon: BoxIcon,
           label: "Playground",
         },

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/ProjectSidebarLayout.tsx

@@ -149,7 +149,7 @@ export function ProjectSidebarLayout(props: {
       label: "Documentation",
     },
     {
-      href: "https://playground.thirdweb.com/connect/sign-in/button",
+      href: "https://playground.thirdweb.com/wallets/sign-in/button",
       icon: BoxIcon,
       label: "Playground",
     },

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/payments/page.tsx

@@ -81,7 +81,7 @@ export default async function Page(props: {
           },
           {
             type: "playground",
-            href: "https://playground.thirdweb.com/payments/ui-components",
+            href: "https://playground.thirdweb.com/bridge",
           },
           {
             type: "api",
@@ -93,20 +93,20 @@ export default async function Page(props: {
         center: {
           links: [
             {
-              href: "https://playground.thirdweb.com/payments/ui-components",
-              label: "UI Component",
+              href: "https://playground.thirdweb.com/bridge/buy-widget",
+              label: "Buy Widget",
             },
             {
-              href: "https://playground.thirdweb.com/connect/payments/fund-wallet",
-              label: "Buy Crypto",
+              href: "https://playground.thirdweb.com/bridge/checkout-widget",
+              label: "Checkout Widget",
             },
             {
-              href: "https://playground.thirdweb.com/connect/payments/commerce",
-              label: "Checkout",
+              href: "https://playground.thirdweb.com/bridge/transaction-widget",
+              label: "Transaction Widget",
             },
             {
-              href: "https://playground.thirdweb.com/connect/payments/transactions",
-              label: "Transactions",
+              href: "https://playground.thirdweb.com/bridge/swap-widget",
+              label: "Swap Widget",
             },
           ],
           title: "Demos",

apps/playground-web/next.config.mjs

@@ -59,12 +59,12 @@ const nextConfig = {
     return [
       {
         source: "/connect/pay",
-        destination: "/payments/ui-components",
+        destination: "/bridge",
         permanent: false,
       },
       {
         source: "/connect/pay/:path*",
-        destination: "/payments/:path*",
+        destination: "/bridge",
         permanent: false,
       },
       {
@@ -159,7 +159,32 @@ const nextConfig = {
       },
       {
         source: "/payments/ui-components",
-        destination: "/payments",
+        destination: "/bridge",
+        permanent: false,
+      },
+      {
+        source: "/payments",
+        destination: "/bridge",
+        permanent: false,
+      },
+      {
+        source: "/payments/x402",
+        destination: "/x402",
+        permanent: false,
+      },
+      {
+        source: "/payments/fund-wallet",
+        destination: "/bridge/buy-widget",
+        permanent: false,
+      },
+      {
+        source: "/payments/commerce",
+        destination: "/bridge/checkout-widget",
+        permanent: false,
+      },
+      {
+        source: "/payments/transactions",
+        destination: "/bridge/transaction-widget",
         permanent: false,
       },
     ];

apps/playground-web/src/app/api/paywall/route.ts

@@ -2,7 +2,7 @@ import { type NextRequest, NextResponse } from "next/server";
 import { createThirdwebClient, defineChain } from "thirdweb";
 import { toUnits } from "thirdweb/utils";
 import { facilitator, settlePayment } from "thirdweb/x402";
-import { token } from "../../payments/x402/components/constants";
+import { token } from "../../x402/components/constants";
 
 // Allow streaming responses up to 5 minutes
 export const maxDuration = 300;

apps/playground-web/src/app/payments/fund-wallet/BuyPlayground.tsx renamed to apps/playground-web/src/app/bridge/buy-widget/BuyPlayground.tsx

@@ -4,7 +4,7 @@ import ThirdwebProvider from "@/components/thirdweb-provider";
 import { createMetadata } from "@/lib/metadata";
 import { BuyPlayground } from "./BuyPlayground";
 
-const title = "Buy Crypto Component";
+const title = "Buy Widget";
 const description =
   "Embeddable component for users to purchase any cryptocurrency for top-ups and more with fiat or crypto-to-crypto swaps";
 const ogDescription =

apps/playground-web/src/app/payments/fund-wallet/page.tsx renamed to apps/playground-web/src/app/bridge/buy-widget/page.tsx

@@ -4,7 +4,7 @@ import ThirdwebProvider from "@/components/thirdweb-provider";
 import { createMetadata } from "@/lib/metadata";
 import { CheckoutPlayground } from "./CheckoutPlayground";
 
-const title = "Checkout Component";
+const title = "Checkout Widget";
 const description =
   "Enable purchase of any service or goods with fiat or cryptocurrency and setup notifications on every sale to ship goods, activate services, and more";
 const ogDescription =