feat: Add api to project view section (#7992)

<!--

## 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 enhances the `IntegrateAPIKeyCodeTabs` component by adding new tab keys for `api` and `curl`, along with their respective code examples for API integration. It also updates the default selected tab to `api`.

### Detailed summary
- Added new `TabKey` values: `api` and `curl`.
- Updated `tabNames` to include labels for `api` and `curl`.
- Changed default tab state from `ts` to `api`.
- Introduced `apiCodeExample` function for API integration code.
- Introduced `curlCodeExample` function for cURL integration code.

> ✨ 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**
  * Added API and cURL tabs to the API integration UI with ready-to-copy code examples (JavaScript fetch and Bash curl) for server-side wallet API calls.
  * Set the API tab as the default selection and updated tab order to include API and cURL.
  * Examples auto-fill the masked secret key when available and include a sample identifier, improving first-time setup guidance.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: Yash094

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

@@ -3,21 +3,31 @@
 import { useState } from "react";
 import { TabButtons } from "@/components/ui/tabs";
 
-type TabKey = "ts" | "react" | "react-native" | "dotnet" | "unity" | "unreal";
+type TabKey =
+  | "ts"
+  | "react"
+  | "react-native"
+  | "dotnet"
+  | "unity"
+  | "unreal"
+  | "api"
+  | "curl";
 
 const tabNames: Record<TabKey, string> = {
+  api: "API",
   ts: "TypeScript",
   react: "React",
   "react-native": "React Native",
   dotnet: ".NET",
   unity: "Unity",
   unreal: "Unreal Engine",
+  curl: "cURL",
 };
 
 export function IntegrateAPIKeyCodeTabs(props: {
   tabs: Record<TabKey, React.ReactNode>;
 }) {
-  const [tab, setTab] = useState<TabKey>("ts");
+  const [tab, setTab] = useState<TabKey>("api");
 
   return (
     <div>

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

@@ -187,6 +187,20 @@ function IntegrationCodeExamples(props: {
             </AlertDescription>
           </Alert>
         ),
+        api: (
+          <CodeServer
+            className="bg-background"
+            code={apiCodeExample(props.project)}
+            lang="javascript"
+          />
+        ),
+        curl: (
+          <CodeServer
+            className="bg-background"
+            code={curlCodeExample(props.project)}
+            lang="bash"
+          />
+        ),
       }}
     />
   );
@@ -221,6 +235,28 @@ var client = ThirdwebClient.Create(clientId: "${project.publishableKey}", bundle
 // For backend applications (Note: below shown secret key is not the full secret key)
 var client = ThirdwebClient.Create(secretKey: "${project.secretKeys[0]?.masked}");`;
 
+const apiCodeExample = (project: Project): string => `\
+// Server-side only: replace with your full secret key. Never expose in browser code.
+fetch('https://api.thirdweb.com/v1/wallets/server', {
+  method: 'POST',
+  headers: {
+    'Content-Type': 'application/json',
+    'x-secret-key': '${project.secretKeys[0]?.masked ?? "<YOUR_SECRET_KEY>"}'
+  },
+  body: JSON.stringify({
+    identifier: 'treasury-wallet-123'
+  })
+});`;
+
+const curlCodeExample = (project: Project): string => `\
+// Server-side only: replace with your full secret key. Never expose in browser code.
+curl https://api.thirdweb.com/v1/wallets/server \\
+  --request POST \\
+  --header 'Content-Type: application/json' \\
+  --header 'x-secret-key: ${project.secretKeys[0]?.masked ?? "<YOUR_SECRET_KEY>"}' \\
+  --data '{
+  "identifier": "treasury-wallet-123"
+}'`;
 // products section ------------------------------------------------------------
 
 function ProductsSection(props: { teamSlug: string; projectSlug: string }) {