chore: update team/account docs for team management (#7341)

Author: arcoraven

apps/portal/src/app/account/billing/manage-team/page.mdx

@@ -1,16 +1,22 @@
-# Account
+# Teams & Accounts
 
-### Billing
-- [Account Info](/account/billing/account-info)
-- [Upgrade Plan](/account/billing/upgrade-plan)
-- [Credits](/account/billing/credits)
+## Account
+- [Create Account](/account/create-account)
+- [Link Accounts](/account/link-accounts)
+
+## Teams
+- [Manage Teams](/account/teams/manage-teams)
+- [Manage Team Members](/account/teams/manage-team-members)
 - [Manage Billing](/account/billing/manage-billing)
 
-### API Keys
+## Projects
 - [Overview](/account/api-keys)
-- [Create API key](/account/api-keys/create)
-- [Use API key](/account/api-keys/use)
+- [Create API Key](/account/api-keys/create)
+- [Use API Key](/account/api-keys/use)
 - [Edit enabled services](/account/api-keys/edit-services)
-- [Delete API key](/account/api-keys/delete)
+- [Delete API Key](/account/api-keys/delete)
 - [Access Restrictions](/account/api-keys/access)
-- [FAQs](/account/api-keys/faq)
+- [Transfer Projects](/account/api-keys/transfer-projects)
+
+## FAQs
+- [FAQs](/account/faq)

apps/portal/src/app/account/page.mdx

@@ -2,38 +2,35 @@ const accountSlug = "/account";
 import type { SideBar } from "@/components/Layouts/DocLayout";
 
 export const sidebar: SideBar = {
-  name: "Account",
+  name: "Teams & Accounts",
   links: [
     {
-      name: "Create Account",
-      href: `${accountSlug}/create-account`,
-    },
-    {
-      name: "Link Accounts",
-      href: `${accountSlug}/link-accounts`,
-    },
-    {
-      name: "Billing",
+      name: "Account",
       links: [
         {
-          name: "Manage Billing",
-          href: `${accountSlug}/billing/manage-billing`,
+          name: "Create Account",
+          href: `${accountSlug}/create-account`,
         },
         {
-          name: "View Usage",
-          href: `${accountSlug}/billing/view-usage`,
+          name: "Link Accounts",
+          href: `${accountSlug}/link-accounts`,
         },
+      ],
+    },
+    {
+      name: "Teams",
+      links: [
         {
-          name: "Credits",
-          href: `${accountSlug}/billing/credits`,
+          name: "Manage Teams",
+          href: `${accountSlug}/teams/manage-teams`,
         },
         {
-          name: "Upgrade Plan",
-          href: `${accountSlug}/billing/upgrade-plan`,
+          name: "Manage Team Members",
+          href: `${accountSlug}/teams/manage-team-members`,
         },
         {
-          name: "Manage Team",
-          href: `${accountSlug}/billing/manage-team`,
+          name: "Manage Billing",
+          href: `${accountSlug}/billing/manage-billing`,
         },
       ],
     },

apps/portal/src/app/account/sidebar.tsx

@@ -0,0 +1,28 @@
+import { Callout, Step, Steps, DocImage } from "@doc";
+import ManageTeam from '../assets/manage-team.png';
+
+# Manage Team Members
+
+Learn how to invite team members to collaborate on projects and manage billing information in your thirdweb organization.
+
+- **Member**: Can view and edit projects without destructive actions (i.e. delete projects).
+- **Owner**: Can view, edit, and manage billing information and team members.
+
+An additional fee applies to each seat— refer to our [pricing details](https://thirdweb.com/pricing) for more information.
+
+<Steps>
+
+<Step title="Navigate to Setting > Members">
+While logged in, navigate to settings on your dashboard. 
+
+</Step>
+
+<Step title="Invite Team Members">
+
+Invite your team members using email addresses and assign a member or owner role. 
+
+<DocImage src={ManageTeam} alt="Manage Team" />
+
+</Step>
+
+</Steps>

apps/portal/src/app/account/billing/manage-team/assets/manage-team.png renamed to apps/portal/src/app/account/teams/assets/manage-team.png

@@ -0,0 +1,53 @@
+import { Callout, Step, Steps, DocImage } from "@doc";
+
+# Manage Teams
+
+Use teams to organize your different applications. Teams have separate assets, team members, usage analytics, billing, and limits.
+
+Your account can be a member of multiple teams, and teams may have one or more members.
+
+<Callout variant="info" title="Creating teams is free">
+    There is **no cost** to create a team. Billing accounts, including subscriptions, invoices, and features, are completely independent for each team.
+</Callout>
+
+## Create Team
+
+Create teams for improved organization.
+
+<Steps>
+    <Step title="Navigate to the dashboard">
+    While logged in, navigate to "My Account" or use the team selector in the top navigation.
+    </Step>
+    <Step title="Create a new team">
+    Select "Create Team".
+    </Step>
+</Steps>
+
+## Transfer Team
+
+This is useful if you want to change the primary contact for billing or project management.
+
+<Steps>
+    <Step title="Navigate to the Team Members page">
+    While logged in, navigate to "Settings > Members" on your dashboard.
+    </Step>
+    <Step title="Transfer Ownership">
+    Invite the member you want to transfer ownership to and select the "Owner" role for them. Ensure that the member has accepted the invitation and is listed as a team member.
+    </Step>
+    <Step title="Delete Prior Owner">
+    Using the three dots next to the member's name, select "Remove Member" to remove the owner from the team. 
+    </Step>
+</Steps>
+
+## Delete Team
+
+Delete a team if you no longer need it. You must cancel all subscriptions and remove all team members before deleting a team.
+
+<Steps>
+    <Step title="Navigate to Settings > General">
+    While logged in, navigate to your team settings on your dashboard.
+    </Step>
+    <Step title="Delete Team">
+    Select "Delete Team" to remove it permanently.
+    </Step>
+</Steps>