Fix: Reimplement HideFromTabs in Tabs component (#21863)

* reimplement hidefromtabs

* remove console log

* going with option b instead

* less explicit

public/app/core/components/PageHeader/PageHeader.tsx

@@ -60,13 +60,15 @@ const Navigation = ({ main }: { main: NavModelItem }) => {
       <TabsBar className="page-header__tabs" hideBorder={true}>
       <TabsBar className="page-header__tabs" hideBorder={true}>
         {main.children.map((child, index) => {
         {main.children.map((child, index) => {
           return (
           return (
-            <Tab
-              label={child.text}
-              active={child.active}
-              key={`${child.url}-${index}`}
-              icon={child.icon}
-              onChangeTab={() => goToUrl(index)}
-            />
+            !child.hideFromTabs && (
+              <Tab
+                label={child.text}
+                active={child.active}
+                key={`${child.url}-${index}`}
+                icon={child.icon}
+                onChangeTab={() => goToUrl(index)}
+              />
+            )
           );
           );
         })}
         })}
       </TabsBar>
       </TabsBar>