fix(clerk-js): Disable scroll to top for OrganizationProfile navbar

Author: desiprisg

packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationMembers.tsx

@@ -41,7 +41,7 @@ export const OrganizationMembers = () => {
           justify={'between'}
           align={'center'}
         >
-          <Header.Root id='cl-section-members'>
+          <Header.Root>
             <Header.Title
               localizationKey={localizationKeys('organizationProfile.start.headerTitle__members')}
               textVariant='xxlargeMedium'

packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationSettings.tsx

@@ -20,7 +20,7 @@ export const OrganizationSettings = () => {
         // elementId={descriptors.profilePage.setId('account')}
         gap={8}
       >
-        <Header.Root id='cl-section-settings'>
+        <Header.Root>
           <Header.Title
             localizationKey={localizationKeys('organizationProfile.start.headerTitle__settings')}
             textVariant='xxlargeMedium'

packages/clerk-js/src/ui/elements/Navbar.tsx

@@ -22,15 +22,20 @@ type NavbarContextValue = { isOpen: boolean; open: () => void; close: () => void
 export const [NavbarContext, useNavbarContext, useUnsafeNavbarContext] =
   createContextAndHook<NavbarContextValue>('NavbarContext');
 
-export const NavbarContextProvider = (props: React.PropsWithChildren<{}>) => {
+export const NavbarContextProvider = (props: React.PropsWithChildren<Record<never, never>>) => {
   const [isOpen, setIsOpen] = React.useState(false);
   const open = React.useCallback(() => setIsOpen(true), []);
   const close = React.useCallback(() => setIsOpen(false), []);
   const value = React.useMemo(() => ({ value: { isOpen, open, close } }), [isOpen]);
   return <NavbarContext.Provider value={value}>{props.children}</NavbarContext.Provider>;
 };
 
-export type NavbarRoute = { name: LocalizationKey; id: string; icon: React.ComponentType; path: string };
+export type NavbarRoute = {
+  name: LocalizationKey;
+  id: string;
+  icon: React.ComponentType;
+  path: string;
+};
 type RouteId = NavbarRoute['id'];
 type NavBarProps = {
   contentRef: React.RefObject<HTMLDivElement>;
@@ -135,7 +140,7 @@ export const NavBar = (props: NavBarProps) => {
   );
 };
 
-const NavbarContainer = (props: React.PropsWithChildren<{}>) => {
+const NavbarContainer = (props: React.PropsWithChildren<Record<never, never>>) => {
   return (
     <Col
       elementDescriptor={descriptors.navbar}
@@ -154,7 +159,7 @@ const NavbarContainer = (props: React.PropsWithChildren<{}>) => {
   );
 };
 
-const MobileNavbarContainer = (props: React.PropsWithChildren<{}>) => {
+const MobileNavbarContainer = (props: React.PropsWithChildren<Record<never, never>>) => {
   const navbarContext = useNavbarContext();
   const { floating, isOpen, open, close } = usePopover({ defaultOpen: false, autoUpdate: false });