consolidate gateway navbar (#8411)

# [Dashboard] Feature: Reorganize Gateway section in project sidebar

## Notes for the reviewer

This PR reorganizes the project sidebar by:
- Creating a new "Gateway" submenu that contains both RPC and Indexer (formerly Insight)
- Moving the Insight page to Gateway/Indexer
- Simplifying the Indexer FTUX component
- Updating all related file paths and imports

## How to test

Navigate to the project sidebar and verify:
- The Gateway submenu appears with RPC and Indexer options
- The former Insight page now appears under Gateway/Indexer
- All functionality continues to work as expected

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

* **New Features**
  * Added Indexer page and onboarding card; introduced Gateway submenu grouping RPC and Indexer.
  * Introduced a Wallets submenu consolidating wallet-related links; added a Bridge link and highlighted a monetization item with a "New" badge.
  * Sidebar now shows an Engine link when dedicated engines exist.

* **Refactor**
  * Removed standalone Insight product/page and its onboarding card.
  * Simplified engine onboarding and empty-state flow.

* **Chores**
  * Added redirects routing old insight/rpc paths to gateway equivalents.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on restructuring the `dashboard` application by reorganizing components and updating routes. It removes unused files, modifies imports, and adjusts the sidebar layout to improve navigation and functionality.

### Detailed summary
- Deleted several unused components related to `insight`.
- Moved `RpcAnalytics` and `MethodsTable` to a new path under `gateway`.
- Updated `loginRedirect` paths in several components.
- Added a new `InsightFTUX` component.
- Adjusted sidebar links and layout to reflect new component structure.
- Removed references to `InsightIcon` and related logic in various files.

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

<!-- end pr-codex -->

Author: jnsdls

apps/dashboard/redirects.js

@@ -115,6 +115,16 @@ const projectPageRedirects = [
     permanent: false,
     source: `${projectRoute}/connect/analytics`,
   },
+  {
+    destination: `${projectRoute}/gateway/indexer/:path*`,
+    permanent: false,
+    source: `${projectRoute}/insight/:path*`,
+  },
+  {
+    destination: `${projectRoute}/gateway/rpc/:path*`,
+    permanent: false,
+    source: `${projectRoute}/rpc/:path*`,
+  },
 ];
 
 const teamPageRedirects = [

apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/products.ts

@@ -1,7 +1,6 @@
 import { ConnectSDKIcon } from "@/icons/ConnectSDKIcon";
 import { ContractIcon } from "@/icons/ContractIcon";
 import { EngineIcon } from "@/icons/EngineIcon";
-import { InsightIcon } from "@/icons/InsightIcon";
 import { NebulaIcon } from "@/icons/NebulaIcon";
 import { PayIcon } from "@/icons/PayIcon";
 import { RPCIcon } from "@/icons/RPCIcon";
@@ -51,13 +50,6 @@ export const products = [
     link: "https://portal.thirdweb.com/payments",
     name: "Payments",
   },
-  {
-    description: "Query and analyze blockchain data",
-    icon: InsightIcon,
-    id: "insight",
-    link: "https://thirdweb.com/insight",
-    name: "Insight",
-  },
   {
     description: "The most powerful AI for interacting with the blockchain",
     icon: NebulaIcon,

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

@@ -13,7 +13,6 @@ import { TypeScriptIcon } from "@/icons/brand-icons/TypeScriptIcon";
 import { UnityIcon } from "@/icons/brand-icons/UnityIcon";
 import { UnrealIcon } from "@/icons/brand-icons/UnrealIcon";
 import { ContractIcon } from "@/icons/ContractIcon";
-import { InsightIcon } from "@/icons/InsightIcon";
 import { PayIcon } from "@/icons/PayIcon";
 import { ClientIDSection } from "./ClientIDSection";
 import { SecretKeySection } from "./SecretKeySection";
@@ -111,13 +110,6 @@ function ProductsSection(props: { teamSlug: string; projectSlug: string }) {
       icon: ContractIcon,
       title: "Contracts",
     },
-    {
-      description:
-        "Add indexing capabilities to retrieve real-time onchain data",
-      href: `/team/${props.teamSlug}/${props.projectSlug}/insight`,
-      icon: InsightIcon,
-      title: "Insight",
-    },
     {
       description:
         "Bridge, swap, and purchase cryptocurrencies with any fiat options or tokens via cross-chain routing",

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

@@ -14,8 +14,6 @@ import {
   type ShadcnSidebarLink,
 } from "@/components/blocks/full-width-sidebar-layout";
 import { BridgeIcon } from "@/icons/BridgeIcon";
-import { ContractIcon } from "@/icons/ContractIcon";
-import { InsightIcon } from "@/icons/InsightIcon";
 import { NebulaIcon } from "@/icons/NebulaIcon";
 import { PayIcon } from "@/icons/PayIcon";
 import { TokenIcon } from "@/icons/TokenIcon";
@@ -24,6 +22,7 @@ import { WalletProductIcon } from "@/icons/WalletProductIcon";
 export function ProjectSidebarLayout(props: {
   layoutPath: string;
   children: React.ReactNode;
+  hasEngines: boolean;
 }) {
   const contentSidebarLinks = [
     {
@@ -36,91 +35,79 @@ export function ProjectSidebarLayout(props: {
       separator: true,
     },
     {
-      group: "Build",
+      subMenu: {
+        icon: WalletProductIcon,
+        label: "Wallets",
+      },
       links: [
         {
-          subMenu: {
-            icon: WalletProductIcon,
-            label: "Wallets",
-          },
-          links: [
-            {
-              href: `${props.layoutPath}/wallets/user-wallets`,
-              label: "User Wallets",
-            },
-            {
-              href: `${props.layoutPath}/wallets/server-wallets`,
-              label: "Server Wallets",
-            },
-            {
-              href: `${props.layoutPath}/wallets/sponsored-gas`,
-              label: "Gas Sponsorship",
-            },
-          ],
+          href: `${props.layoutPath}/wallets/user-wallets`,
+          label: "User Wallets",
         },
         {
-          href: `${props.layoutPath}/contracts`,
-          icon: ContractIcon,
-          label: "Contracts",
+          href: `${props.layoutPath}/wallets/server-wallets`,
+          label: "Server Wallets",
         },
         {
-          href: `${props.layoutPath}/ai`,
-          icon: NebulaIcon,
-          label: "AI",
+          href: `${props.layoutPath}/wallets/sponsored-gas`,
+          label: "Gas Sponsorship",
         },
       ],
     },
     {
-      separator: true,
+      href: `${props.layoutPath}/x402`,
+      icon: PayIcon,
+      label: (
+        <span className="flex items-center gap-2">
+          x402 <Badge>New</Badge>
+        </span>
+      ),
     },
     {
-      group: "Monetize",
-      links: [
-        {
-          href: `${props.layoutPath}/x402`,
-          icon: PayIcon,
-          label: (
-            <span className="flex items-center gap-2">
-              x402 <Badge>New</Badge>
-            </span>
-          ),
-        },
-        {
-          href: `${props.layoutPath}/bridge`,
-          icon: BridgeIcon,
-          label: "Bridge",
-        },
-        {
-          href: `${props.layoutPath}/tokens`,
-          icon: TokenIcon,
-          label: "Tokens",
-        },
-      ],
+      href: `${props.layoutPath}/bridge`,
+      icon: BridgeIcon,
+      label: "Bridge",
     },
     {
-      separator: true,
+      href: `${props.layoutPath}/tokens`,
+      icon: TokenIcon,
+      label: "Tokens",
     },
     {
-      group: "Scale",
+      href: `${props.layoutPath}/ai`,
+      icon: NebulaIcon,
+      label: "AI",
+    },
+    {
+      subMenu: {
+        icon: RssIcon,
+        label: "Gateway",
+      },
       links: [
         {
-          href: `${props.layoutPath}/insight`,
-          icon: InsightIcon,
-          label: "Insight",
+          href: `${props.layoutPath}/gateway/rpc`,
+          label: "RPC",
         },
         {
-          href: `${props.layoutPath}/rpc`,
-          icon: RssIcon,
-          label: "RPC",
+          href: `${props.layoutPath}/gateway/indexer`,
+          label: "Indexer",
         },
-        // linkely want to move this to `team` level eventually
         {
-          href: `${props.layoutPath}/engine`,
-          icon: DatabaseIcon,
-          label: "Engine",
+          href: `${props.layoutPath}/contracts`,
+          label: "Contracts",
         },
       ],
     },
+    // only show engine link if there the user already has an engine instance
+    ...(props.hasEngines
+      ? [
+          {
+            href: `${props.layoutPath}/engine`,
+            icon: DatabaseIcon,
+            label: "Engine",
+          },
+        ]
+      : []),
   ] satisfies ShadcnSidebarLink[];
 
   const footerSidebarLinks = [