Fix components based on failed tests

app/components/Header/Header.container.tsx

@@ -138,12 +138,8 @@ const HeaderContainer = memo<HeaderProps>(() => {
   return (
     <HeaderView
       schemaData={schemaData}
-      navigationItems={navigationItems}
-      avatarImages={avatarImages}
       logoConfig={logoConfig}
-      pathname={pathname}
       renderNavigationItems={renderNavigationItems}
-      renderAvatarGroup={renderAvatarGroup}
       renderLoginButton={renderLoginButton}
       renderCreateRuleButton={renderCreateRuleButton}
       renderLogo={renderLogo}

app/components/Header/Header.types.ts

@@ -14,15 +14,6 @@ export interface HeaderViewProps {
       "query-input": string;
     };
   };
-  navigationItems: Array<{
-    href: string;
-    text: string;
-    extraPadding?: boolean;
-  }>;
-  avatarImages: Array<{
-    src: string;
-    alt: string;
-  }>;
   logoConfig: Array<{
     breakpoint: string;
     size:
@@ -40,12 +31,7 @@ export interface HeaderViewProps {
       | "footerLg";
     showText: boolean;
   }>;
-  pathname: string;
   renderNavigationItems: (size: NavSize) => React.ReactNode;
-  renderAvatarGroup: (
-    containerSize: "small" | "medium" | "large" | "xlarge",
-    avatarSize: "small" | "medium" | "large" | "xlarge",
-  ) => React.ReactNode;
   renderLoginButton: (size: NavSize) => React.ReactNode;
   renderCreateRuleButton: (
     buttonSize: "xsmall" | "small" | "medium" | "large" | "xlarge",

app/components/Header/Header.view.tsx

@@ -1,19 +1,10 @@
-import Logo from "../Logo";
 import MenuBar from "../MenuBar";
-import MenuBarItem from "../MenuBarItem";
-import Button from "../Button";
-import AvatarContainer from "../AvatarContainer";
-import Avatar from "../Avatar";
 import type { HeaderViewProps } from "./Header.types";
 
 export function HeaderView({
   schemaData,
-  navigationItems,
-  avatarImages,
   logoConfig,
-  pathname,
   renderNavigationItems,
-  renderAvatarGroup,
   renderLoginButton,
   renderCreateRuleButton,
   renderLogo,