Docs: Update Development section to Development & Branching (#41342)

* Text changes

* Update icon

apps/docs/components/Navigation/NavigationMenu/MenuIconPicker.tsx

@@ -3,6 +3,7 @@ import { Clock, Heart, Server, SquareStack, Telescope } from 'lucide-react'
 import {
   IconBranching,
   IconGitHub,
+  IconGitBranch,
   IconMenuApi,
   IconMenuAuth,
   IconMenuCli,
@@ -85,6 +86,8 @@ function getMenuIcon(menuKey: string, width: number = 16, height: number = 16, c
       return <IconMenuCli width={width} height={height} className={className} />
     case 'status':
       return <IconMenuStatus width={width} height={height} className={className} />
+    case 'git-branch':
+      return <IconGitBranch width={width} height={height} className={className} />
     case 'github':
       return <IconGitHub width={width} height={height} className={className} />
     case 'support':

apps/docs/components/Navigation/NavigationMenu/MenuIcons.tsx

@@ -556,6 +556,28 @@ export function IconBranching({ width = 16, height = 16, className }: HomeMenuIc
   )
 }
 
+export function IconGitBranch({ width = 16, height = 16, className }: HomeMenuIcon) {
+  return (
+    <svg
+      className={className}
+      width={width}
+      height={height}
+      viewBox="0 0 18 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.5 2.25L4.5 11.25M15.75 4.5A2.25 2.25 0 1 1 11.25 4.5A2.25 2.25 0 1 1 15.75 4.5ZM6.75 13.5A2.25 2.25 0 1 1 2.25 13.5A2.25 2.25 0 1 1 6.75 13.5ZM13.5 6.75A6.75 6.75 0 0 1 6.75 13.5"
+        stroke="currentColor"
+        strokeMiterlimit="10"
+        strokeLinejoin="bevel"
+      />
+    </svg>
+  )
+}
+
 export function IconGitHub({ width = 16, height = 16, className }: HomeMenuIcon) {
   return (
     <svg

apps/docs/components/Navigation/NavigationMenu/NavigationMenu.constants.ts

@@ -142,8 +142,8 @@ export const GLOBAL_MENU_ITEMS: GlobalMenuItems = [
             level: 'local_development',
           },
           {
-            label: 'Deployment',
-            icon: 'deployment',
+            label: 'Deployment & Branching',
+            icon: 'git-branch',
             href: '/guides/deployment' as `/${string}`,
             level: 'deployment',
           },
@@ -2869,9 +2869,9 @@ export const self_hosting: NavMenuConstant = {
 }
 
 export const deployment: NavMenuConstant = {
-  title: 'Deployment',
+  title: 'Deployment & Branching',
   url: '/guides/deployment',
-  icon: 'deployment',
+  icon: 'git-branch',
   items: [
     { name: 'Overview', url: '/guides/deployment' },
     {

apps/docs/content/guides/deployment.mdx

@@ -1,8 +1,8 @@
 ---
-title: Deployment
+title: Deployment & Branching
 ---
 
-Deploying your app makes it live and accessible to users. Usually, you will deploy an app to at least two environments: a production environment for users and (one or multiple) staging or preview environments for developers.
+Deploying your app makes it live and accessible to users. Usually, you deploy an app to at least two environments: a production environment for users and (one or multiple) staging or preview environments for developers.
 
 Supabase provides several options for environment management and deployment.
 
@@ -16,7 +16,7 @@ You can maintain separate development, staging, and production environments for
 
 <Admonition type="tip" title="Self-hosting">
 
-See the [self-hosting guides](/docs/guides/self-hosting) for instructions on hosting your own Supabase stack.
+Read the [self-hosting guides](/docs/guides/self-hosting) for instructions on hosting your own Supabase stack.
 
 </Admonition>