add mandatory href for tabs in header component

Signed-off-by: Sofia Sjöblad <ssjoblad@spotify.com>

packages/ui/src/components/Header/types.ts

@@ -39,7 +39,7 @@ export interface HeaderProps {
 export interface HeaderTab {
   id: string;
   label: string;
-  href?: string;
+  href: string;
   /**
    * Strategy for matching the current route to determine if this tab should be active.
    * - 'exact': Tab href must exactly match the current pathname (default)

packages/ui/src/components/HeaderPage/HeaderPage.stories.tsx

@@ -44,22 +44,27 @@ const tabs: HeaderTab[] = [
   {
     id: 'overview',
     label: 'Overview',
+    href: '/overview',
   },
   {
     id: 'checks',
     label: 'Checks',
+    href: '/checks',
   },
   {
     id: 'tracks',
     label: 'Tracks',
+    href: '/tracks',
   },
   {
     id: 'campaigns',
     label: 'Campaigns',
+    href: '/campaigns',
   },
   {
     id: 'integrations',
     label: 'Integrations',
+    href: '/integrations',
   },
 ];