Fix menu items not appearing by conditionally building items array

Instead of using hidden property which causes empty menus,
conditionally build the items array based on feature flags.

Co-authored-by: Jonas <JonasBa@users.noreply.github.com>

Author: cursoragent

static/app/views/navigation/primary/noOrganizationDropdown.tsx

@@ -25,6 +25,19 @@ export function NoOrganizationDropdown() {
     ? localizeDomain(ConfigStore.get('links').sentryUrl) + '/organizations/new/'
     : '/organizations/new/';
 
+  const items = configFeatures.has('organizations:create')
+    ? [
+        {
+          key: 'create-organization',
+          leadingItems: <IconAdd />,
+          label: t('Create a new organization'),
+          ...(configFeatures.has('system:multi-region')
+            ? {externalHref: createOrgUrl}
+            : {to: createOrgUrl}),
+        },
+      ]
+    : [];
+
   return (
     <DropdownMenu
       usePortal
@@ -44,17 +57,7 @@ export function NoOrganizationDropdown() {
       )}
       position="right-start"
       minMenuWidth={200}
-      items={[
-        {
-          key: 'create-organization',
-          leadingItems: <IconAdd />,
-          label: t('Create a new organization'),
-          ...(configFeatures.has('system:multi-region')
-            ? {externalHref: createOrgUrl}
-            : {to: createOrgUrl}),
-          hidden: !configFeatures.has('organizations:create'),
-        },
-      ]}
+      items={items}
     />
   );
 }