fix: improve types

src/BrandedNavBar/MobileMenu.tsx

@@ -8,7 +8,6 @@ import { BrandingText } from "../Branding";
 import { DropdownLink, DropdownText } from "../DropdownMenu";
 import { Icon } from "../Icon";
 import { Link } from "../Link";
-import { LinkProps } from "../Link/Link";
 import { addStyledProps } from "../StyledProps";
 import NulogyLogo from "./NulogyLogo";
 import { TriggerFunctionProps } from "./TriggerFunctionProps";
@@ -163,7 +162,7 @@ const getSubMenuHeading = (layer, name) =>
 type ThemeColorObject = {
   textColor?: string;
   background?: string;
-  logoColor?: string;
+  logoColor?: "white" | "blue";
 };
 
 type MenuItem = {
@@ -237,7 +236,7 @@ const BaseMobileMenu: React.FC<React.PropsWithChildren<BaseMobileMenuProps>> = (
 }) => (
   <Nav backgroundColor={themeColorObject && themeColorObject.background} {...props}>
     <BrandingWrap>
-      <BrandingText logoColor={themeColorObject && themeColorObject.logoColor} />
+      <BrandingText logoColor={themeColorObject?.logoColor} />
     </BrandingWrap>
     <Menu>
       {menuData.primaryMenu && renderTopLayerMenuItems(menuData.primaryMenu, closeMenu, themeColorObject)}

src/BrandedNavBar/NavBarDropdownMenu.tsx

@@ -1,5 +1,3 @@
-/* TS IGNORED: due to problems typing propTypes and defaultProps,
-it can stop being ingnored when its refactored to a functional component */
 import React from "react";
 import PropTypes from "prop-types";
 import { Manager, Reference, Popper } from "react-popper";

src/Button/ControlIcon.tsx

@@ -5,7 +5,7 @@ import { Icon } from "../Icon";
 
 type ControlIconProps = React.ComponentPropsWithRef<"button"> &
   SpaceProps & {
-    onClick?: (...args: any[]) => any;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     icon: string;
     toggled?: boolean;
     disabled?: boolean;