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,6 +60,7 @@ 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 (
+            !child.hideFromTabs && (
               <Tab
               <Tab
                 label={child.text}
                 label={child.text}
                 active={child.active}
                 active={child.active}
@@ -67,6 +68,7 @@ const Navigation = ({ main }: { main: NavModelItem }) => {
                 icon={child.icon}
                 icon={child.icon}
                 onChangeTab={() => goToUrl(index)}
                 onChangeTab={() => goToUrl(index)}
               />
               />
+            )
           );
           );
         })}
         })}
       </TabsBar>
       </TabsBar>