Gi/portal knowledge base (#6993)

<!--

## 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 primarily focuses on enhancing the `thirdweb Knowledge Base` by adding new troubleshooting guides, updating existing resources, and improving documentation structure for better user support.

### Detailed summary
- Added a new troubleshooting guide for `Nebula`.
- Introduced detailed steps for resolving `device link errors` in `thirdweb CLI`.
- Updated support links in `Header.tsx`.
- Created new sections for `batch upload issues` and `airdrop contract troubleshooting`.
- Improved layout in `layout.tsx` with `DocLayout`.
- Removed unused `ContractsIcon` from `page.tsx`.
- Enhanced the `knowledge base` sidebar structure.
- Added visual guides and images in multiple `mdx` files for clarity.
- Improved metadata for better SEO and documentation clarity.

> ✨ 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**
  - Introduced a comprehensive Knowledge Base with structured navigation, guides, and troubleshooting for web3 development and thirdweb support.
  - Added detailed documentation on deploying NFT mint sites, creating soulbound tokens, sharing console errors, and resolving CLI device link errors.
  - Launched troubleshooting guides for airdrop contracts, batch upload issues, embed feature changes, and Nebula-specific support.

- **Improvements**
  - Updated navigation links to add a Nebula API reference and consolidated support links to internal resources.

- **Removals**
  - Removed the "Contracts" article card from the learning resources section.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: GiselleNessi

apps/portal/src/app/Header.tsx

@@ -122,6 +122,10 @@ export const connectLinks: Array<{
 ] as const;
 
 const apisLinks = [
+  {
+    name: "Nebula",
+    href: "/nebula/api-reference",
+  },
   {
     name: "Insight",
     href: "https://insight.thirdweb.com/reference",
@@ -139,11 +143,7 @@ const apisLinks = [
 const supportLinks = [
   {
     name: "Get thirdweb support",
-    href: "https://thirdweb.com/support",
-  },
-  {
-    name: "Knowledge Base",
-    href: "https://support.thirdweb.com",
+    href: "/knowledge-base",
   },
   {
     name: "Contact Sales",

apps/portal/src/app/knowledge-base/assets/add-new-vercel.png

@@ -0,0 +1,68 @@
+import { WalletIcon, FileIcon, MessageCircleIcon, BracesIcon, BotIcon, BlocksIcon } from "lucide-react";
+import { DocImage, createMetadata, FeatureCard, GithubTemplateCard, Stack, Grid, ArticleCard, ArticleIconCard } from "@doc";
+import { ExternalLink } from "lucide-react";
+
+export const metadata = createMetadata({
+  title: "thirdweb Knowledge Base",
+
+  description:
+    "This Knowledge Base collects concise guides and troubleshooting tips for common web3 development challenges—especially when using thirdweb, but many articles apply to any web3 project.",
+});
+
+# Welcome to thirdweb Support!
+
+This section shows you how to leverage our Knowledge Base, request support, and understand our response process.
+
+---
+
+## 1. thirdweb Resources
+
+Before opening a support ticket, check these resources:
+
+- **Documentation:** [thirdweb Docs](https://portal.thirdweb.com/)  
+- **Changelog:** Stay up to date with our latest releases: [thirdweb Changelog](https://portal.thirdweb.com/changelog)  
+- **Status Page:** [thirdweb Status](https://status.thirdweb.com/)  
+- **Guides & Troubleshooting:** Explore tutorials and tips: [thirdweb Guides](https://blog.thirdweb.com/guides/)  
+- **Templates:** [thirdweb Starters](https://github.com/thirdweb-example/)  
+- **Video Tutorials:** [YouTube](https://www.youtube.com/@thirdweb_)
+- **Playground:** Test live in [thirdweb Playground](https://playground.thirdweb.com/)
+
+---
+
+## 2. How to Request Support
+
+- **Submit a ticket** through our system: [thirdweb.com/support](https://thirdweb.com/support).  
+- Our team operates **worldwide** and will respond **as soon as possible**.  
+  - *Response times may vary depending on issue severity and priority.*  
+  - We’ll keep you updated on your ticket’s progress.  
+- For faster resolution, please include a minimal reproduction with step-by-step instructions.  
+- Found an issue in our open-source code? Submit a PR: [thirdweb-dev/js](https://github.com/thirdweb-dev/js).
+
+---
+
+## 3. Response Time Expectations
+
+### Starter Plan
+
+- Estimated response time: **3 business days**.  
+- We aim to respond sooner when possible.
+
+### Growth Plan & Accelerate Customers
+
+- Estimated response time: **Within 48 business hours**.
+
+### Scale & Pro Plans
+
+- Estimated response time: **Within 2 business hours**.  
+- Customers on the **Scale** or **Pro** plans get a **dedicated Slack channel or Telegram group**.  
+
+---
+
+## Need Help?
+
+You can [submit a ticket](https://thirdweb.com/support), and we’ll be happy to help you!
+
+
+
+ 
+

apps/portal/src/app/knowledge-base/assets/context-filters.png

@@ -0,0 +1,44 @@
+import { DocImage, Step, Steps } from "@doc";
+import ScreenshotConsole from "../../assets/screenshot-console.png";
+import TabConsole from "../../assets/tab-console.png";
+import Inspect from "../../assets/inspect-console.png";
+
+# How to share your console log errors
+
+Follow these steps to capture and share your browser console errors:
+
+<Steps>
+
+<Step title="Open your app">
+Navigate to the page where you’re seeing errors.
+</Step>
+
+<Step title="Inspect the page">
+Right-click and choose **Inspect** (or **Inspect Element**) to open DevTools.  
+   <DocImage src={Inspect} />
+</Step>
+
+<Step title="Switch to the Console">
+ Click on the **Console** tab to view logs and errors.  
+   <DocImage src={TabConsole} />
+</Step>
+
+<Step title="Capture the error">
+ Screenshot any red error messages in **Console**.  
+  <DocImage src={ScreenshotConsole} />
+</Step>
+
+<Step title="Share with us">
+ Send your screenshots to our support team.
+</Step>
+
+</Steps>
+
+
+By following these steps, you’ll give us the full error context so we can resolve your issue quickly.
+
+---
+
+
+Still stuck? [**Contact our support team**](https://thirdweb.com/support)  
+

apps/portal/src/app/knowledge-base/assets/create-project-vercel.png

@@ -0,0 +1,47 @@
+import { DocImage } from "@doc";
+import Soulbound from "../../assets/soulbound-explorer.png";
+import Permissions from "../../assets/permissions-soulbound.png";
+
+# What is a Soulbound Token
+
+Let’s first understand what a Soulbound Token (SBT) is:
+
+A **Soulbound Token** is a unique digital asset that cannot be transferred to another wallet. Once minted, it remains permanently tied to the owner’s wallet—perfect for credentials, achievement badges, or any on-chain proof of identity.
+
+## How to make your tokens Soulbound or Non-Transferrable
+
+The easiest way is via the **Permissions** tab on your thirdweb contract dashboard. For a visual walkthrough, check out our [guide on making NFTs non-transferable](https://blog.thirdweb.com/guides/make-your-nft-non-transferable/?utm_source=dc).
+
+If you prefer using the **Explorer**, follow these steps:
+
+1. **Connect your wallet**  
+   Ensure your wallet is connected to the Dashboard/Explorer and set to the same network as your contract.
+
+2. **Select the correct network**  
+   Verify the network selector (top-right) matches your contract’s deployment chain (e.g., Ethereum Mainnet, Goerli).
+
+3. **Open the Explorer**  
+   In the thirdweb Dashboard, select your contract and switch to the **Explorer** tab.
+
+4. **Choose `revokeRole` under write**  
+   The `revokeRole` function requires two inputs: **Role** and **Account**.
+
+5. **Convert `TRANSFER_ROLE` to bytes32**  
+   Use a [keccak256 tool](https://emn178.github.io/online-tools/keccak_256.html) to hash the string `TRANSFER_ROLE`, then prefix with `0x`.  
+   For example:  
+   `0x8502233096d909befbda0999bb8ea2f3a6be3c138b9fbf003752a4c8bce86f6c`
+
+6. **Set the account to the zero address**  
+   Enter `0x0000000000000000000000000000000000000000` to revoke transfer rights from every wallet.
+
+7. **Confirm the on-chain transaction**  
+   Click “write” and approve the transaction in your wallet.  
+  
+   <DocImage src={Soulbound} />
+
+8. **Verify in Permissions**  
+   Refresh the **Permissions** tab to confirm that `TRANSFER_ROLE` is revoked for the zero address.  
+  
+   <DocImage src={Permissions} />
+
+That’s it—your tokens are officially soulbound!  

apps/portal/src/app/knowledge-base/assets/deploy-github.png

@@ -0,0 +1,73 @@
+import { DocImage } from "@doc";
+import deployGithub from "../../assets/deploy-github.png";
+import newProject from "../../assets/new-project-github.png";
+import newProjectName from "../../assets/new-project-name-github.png";
+import newVercel from "../../assets/add-new-vercel.png";
+import createVercel from "../../assets/create-project-vercel.png";
+import variablesVercel from "../../assets/variables-vercel.png";
+import deployVercel from "../../assets/deploy-vercel.png";
+
+
+
+# How to deploy an NFT Mint site template [NO CODE]
+
+## Prerequisites
+
+- [GitHub account](https://github.com)  
+- [thirdweb account](https://thirdweb.com/)  
+- [Vercel account](https://vercel.com/)
+  
+
+## Step-by-Step Guide
+
+### 1. Initial Setup
+
+- Navigate to the [NFT Minting Template repository](https://github.com/thirdweb-example/nft-minting-template)  
+- Click **Deploy with Vercel**  
+
+   <DocImage src={deployGithub} />
+
+### 2. Configure Git Repository
+
+- **Choose your Git provider** (GitHub, GitLab, or Bitbucket)  
+- **Set up your repository details**:  
+  - **Git Scope**: Select your GitHub username or organization  
+  - **Repository Name**: Enter a name (e.g., `my-nft-minting-website`)  
+  - **Team**: Select your team if applicable  
+
+  <DocImage src={newProject} />
+  <DocImage src={newProjectName} />
+  
+
+### 3. Create Thirdweb Project
+
+- Go to the [thirdweb dashboard](https://thirdweb.com/team/~/~/) and create a new project  
+- Enter your project name (e.g., `NFT MINTING TEMPLATE`)  
+- Configure allowed domains:  
+  - Add your custom domain (e.g., `mydomain.com`)  
+  - Add `localhost:<port>` for local development  
+- Click **Create** and save your Client ID and Secret Key  
+
+<DocImage src={newVercel} />
+<DocImage src={createVercel} />
+  
+
+### 4. Configure Environment Variables
+
+- In Vercel, add the following:  
+  ![](https://prod-files-secure.s3.us-west-2.amazonaws.com/f6d1ff84-8c0e-4bcb-8dd6-edab3b3c175b/3ce22022-f27e-46cf-b460-2038d5e61dbe/image.png)  
+  - `NEXT_PUBLIC_THIRDWEB_CLIENT_ID`: Your thirdweb Client ID  
+  - `THIRDWEB_SECRET_KEY`: Your thirdweb Secret Key  
+  - `NFT_CONTRACT_ADDRESS`: Your NFT contract address  
+  - `NFT_CONTRACT_CHAIN_ID`: Chain ID (e.g., 43113 for Avalanche testnet)  
+  - `NFT_CONTRACT_TOKEN_ID`: `0` for ERC-721 or the token ID for ERC-1155  
+
+  <DocImage src={variablesVercel} />
+
+### 5. Deploy
+
+- Click **Deploy** in the Vercel dashboard  
+- Wait for the build and deployment to complete  
+- Access your new mint site via the provided Vercel URL
+
+<DocImage src={deployVercel} />

apps/portal/src/app/knowledge-base/assets/deploy-vercel.png

@@ -0,0 +1,18 @@
+import { DocLayout } from "@/components/Layouts/DocLayout";
+import { createMetadata } from "@doc";
+import { sidebar } from "./sidebar";
+
+export default async function Layout(props: { children: React.ReactNode }) {
+  return (
+    <DocLayout sideBar={sidebar} editPageButton={true}>
+      {props.children}
+    </DocLayout>
+  );
+}
+
+export const metadata = createMetadata({
+  title: "thirdweb Knowledge Base",
+
+  description:
+    "This Knowledge Base collects concise guides and troubleshooting tips for common web3 development challenges—especially when using thirdweb, but many articles apply to any web3 project.",
+});

apps/portal/src/app/knowledge-base/assets/inspect-console.png

@@ -0,0 +1,25 @@
+# Issue linking device on the authorization page via Thirdweb CLI
+
+Encountering issues when linking a new device via the authorization page.
+
+### Error
+
+How to authorize your account using `secretKey` for the thirdweb CLI
+
+### Solution
+
+You can authorize the CLI with a `secretKey` in just a couple of steps:
+
+1. **Get your `secretKey`**  
+   Head over to the thirdweb dashboard and generate a key: https://thirdweb.com/team/~/~/.
+
+2. **Deploy with your `secretKey`**  
+   Run the following command: `npx thirdweb deploy -k secretKey`
+
+3. **Use the same pattern for other commands**  
+   You can also use other methods like `upload`, `publish`, and `build` using the same format:  
+   - `npx thirdweb upload -k secretKey`  
+   - `npx thirdweb publish -k secretKey`  
+   - `npx thirdweb build -k secretKey`
+
+That’s it! The CLI will now use your `secretKey` to authenticate every command. 

apps/portal/src/app/knowledge-base/assets/keys.png

@@ -0,0 +1,68 @@
+import { WalletIcon, FileIcon, MessageCircleIcon, BracesIcon, BotIcon, BlocksIcon } from "lucide-react";
+import { DocImage, createMetadata, FeatureCard, GithubTemplateCard, Stack, Grid, ArticleCard, ArticleIconCard } from "@doc";
+import { ExternalLink } from "lucide-react";
+
+export const metadata = createMetadata({
+  title: "thirdweb Knowledge Base",
+
+  description:
+    "This Knowledge Base collects concise guides and troubleshooting tips for common web3 development challenges—especially when using thirdweb, but many articles apply to any web3 project.",
+});
+
+# Welcome to thirdweb Support!
+
+This section shows you how to leverage our Knowledge Base, request support, and understand our response process.
+
+---
+
+## 1. thirdweb Resources
+
+Before opening a support ticket, check these resources:
+
+- **Documentation:** [thirdweb Docs](https://portal.thirdweb.com/)  
+- **Changelog:** Stay up to date with our latest releases: [thirdweb Changelog](https://portal.thirdweb.com/changelog)  
+- **Status Page:** [thirdweb Status](https://status.thirdweb.com/)  
+- **Guides & Troubleshooting:** Explore tutorials and tips: [thirdweb Guides](https://blog.thirdweb.com/guides/)  
+- **Templates:** [thirdweb Starters](https://github.com/thirdweb-example/)  
+- **Video Tutorials:** [YouTube](https://www.youtube.com/@thirdweb_)
+- **Playground:** Test live in [thirdweb Playground](https://playground.thirdweb.com/)
+
+---
+
+## 2. How to Request Support
+
+- **Submit a ticket** through our system: [thirdweb.com/support](https://thirdweb.com/support).  
+- Our team operates **worldwide** and will respond **as soon as possible**.  
+  - *Response times may vary depending on issue severity and priority.*  
+  - We’ll keep you updated on your ticket’s progress.  
+- For faster resolution, please include a minimal reproduction with step-by-step instructions.  
+- Found an issue in our open-source code? Submit a PR: [thirdweb-dev/js](https://github.com/thirdweb-dev/js).
+
+---
+
+## 3. Response Time Expectations
+
+### Starter Plan
+
+- Estimated response time: **3 business days**.  
+- We aim to respond sooner when possible.
+
+### Growth Plan & Accelerate Customers
+
+- Estimated response time: **Within 48 business hours**.
+
+### Scale & Pro Plans
+
+- Estimated response time: **Within 2 business hours**.  
+- Customers on the **Scale** or **Pro** plans get a **dedicated Slack channel or Telegram group**.  
+
+---
+
+## Need Help?
+
+You can [submit a ticket](https://thirdweb.com/support), and we’ll be happy to help you!
+
+
+
+ 
+