From 1adc759c50d0aeee88e6498e4a1d4ecd603108a4 Mon Sep 17 00:00:00 2001
From: Alexandru Cambose <alexcambose@yahoo.com>
Date: Fri, 12 Sep 2025 18:38:12 +0100
Subject: [PATCH 1/2] feat: hide support and sidebar button

---
 apps/developer-hub/src/components/Root/index.tsx  | 1 +
 apps/developer-hub/src/config/layout.config.tsx   | 1 +
 packages/component-library/src/AppShell/index.tsx | 2 +-
 packages/component-library/src/Header/index.tsx   | 5 ++++-
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/developer-hub/src/components/Root/index.tsx b/apps/developer-hub/src/components/Root/index.tsx
index 7cdf5430ae..42c609c07b 100644
--- a/apps/developer-hub/src/components/Root/index.tsx
+++ b/apps/developer-hub/src/components/Root/index.tsx
@@ -34,6 +34,7 @@ export const Root = ({ children }: Props) => (
   >
     <AppShell
       appName="Developer Hub"
+      displaySupportButton={false}
       amplitudeApiKey={AMPLITUDE_API_KEY}
       googleAnalyticsId={GOOGLE_ANALYTICS_ID}
       enableAccessibilityReporting={ENABLE_ACCESSIBILITY_REPORTING}
diff --git a/apps/developer-hub/src/config/layout.config.tsx b/apps/developer-hub/src/config/layout.config.tsx
index 2c80fba569..a4c870d54a 100644
--- a/apps/developer-hub/src/config/layout.config.tsx
+++ b/apps/developer-hub/src/config/layout.config.tsx
@@ -20,5 +20,6 @@ export const docsOptions: DocsLayoutProps = {
   tree: source.pageTree,
   sidebar: {
     tabs: false,
+    collapsible: false,
   },
 };
diff --git a/packages/component-library/src/AppShell/index.tsx b/packages/component-library/src/AppShell/index.tsx
index 3460791e40..d99b6903e4 100644
--- a/packages/component-library/src/AppShell/index.tsx
+++ b/packages/component-library/src/AppShell/index.tsx
@@ -62,7 +62,7 @@ export const AppShell = ({
 
 type AppBodyProps = Pick<
   ComponentProps<typeof Header>,
-  "appName" | "mainCta" | "extraCta"
+  "appName" | "mainCta" | "extraCta" | "displaySupportButton"
 > & {
   tabs?: Tab[] | undefined;
   children: ReactNode;
diff --git a/packages/component-library/src/Header/index.tsx b/packages/component-library/src/Header/index.tsx
index aebd6eb81c..bcf9f40cd8 100644
--- a/packages/component-library/src/Header/index.tsx
+++ b/packages/component-library/src/Header/index.tsx
@@ -30,6 +30,7 @@ type Props = ComponentProps<"header"> & {
     | undefined;
   mainMenu?: ReactNode | undefined;
   extraCta?: ReactNode | undefined;
+  displaySupportButton?: boolean | undefined;
 };
 
 export const Header = ({
@@ -38,6 +39,7 @@ export const Header = ({
   mainCta,
   mainMenu,
   extraCta,
+  displaySupportButton = true,
   ...props
 }: Props) => (
   <header className={clsx(styles.header, className)} {...props}>
@@ -53,7 +55,7 @@ export const Header = ({
         {mainMenu}
       </div>
       <div className={styles.rightMenu}>
-        <Button
+        {displaySupportButton && <Button
           variant="ghost"
           size="sm"
           rounded
@@ -63,6 +65,7 @@ export const Header = ({
         >
           Support
         </Button>
+        }
         {extraCta}
         <MobileMenu className={styles.mobileMenu} mainCta={mainCta} />
         <Button

From ebc6f83de93b38d944c280de6f79282fc6fd003e Mon Sep 17 00:00:00 2001
From: Alexandru Cambose <alexcambose@yahoo.com>
Date: Fri, 12 Sep 2025 18:39:54 +0100
Subject: [PATCH 2/2] fix: formatting

---
 .../component-library/src/Header/index.tsx    | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/packages/component-library/src/Header/index.tsx b/packages/component-library/src/Header/index.tsx
index bcf9f40cd8..7b3e1f2d5c 100644
--- a/packages/component-library/src/Header/index.tsx
+++ b/packages/component-library/src/Header/index.tsx
@@ -55,17 +55,18 @@ export const Header = ({
         {mainMenu}
       </div>
       <div className={styles.rightMenu}>
-        {displaySupportButton && <Button
-          variant="ghost"
-          size="sm"
-          rounded
-          beforeIcon={<Lifebuoy />}
-          drawer={SupportDrawer}
-          className={styles.supportButton ?? ""}
-        >
-          Support
-        </Button>
-        }
+        {displaySupportButton && (
+          <Button
+            variant="ghost"
+            size="sm"
+            rounded
+            beforeIcon={<Lifebuoy />}
+            drawer={SupportDrawer}
+            className={styles.supportButton ?? ""}
+          >
+            Support
+          </Button>
+        )}
         {extraCta}
         <MobileMenu className={styles.mobileMenu} mainCta={mainCta} />
         <Button