Move SDK selector first

Author: dcrawbuck

src/components/DocsHeader.tsx

@@ -184,15 +184,12 @@ function LayoutHeaderTabs({
     [tabs, pathname],
   );
   const sdkTabs = tabs.filter(isSdkTab);
-  const firstSdkIndex = tabs.findIndex(isSdkTab);
 
   return (
     <div className={cn("flex flex-row items-end gap-6", className)} {...props}>
+      {sdkTabs.length > 0 && <SdkTabsDropdown tabs={sdkTabs} pathname={pathname} />}
       {tabs.map((option, i) => {
-        if (isSdkTab(option)) {
-          if (i !== firstSdkIndex) return null;
-          return <SdkTabsDropdown key="sdk-tabs" tabs={sdkTabs} pathname={pathname} />;
-        }
+        if (isSdkTab(option)) return null;
 
         const { title, url, unlisted, props: { className, ...rest } = {} } = option;
         const isSelected = selectedIdx === i;