TS fixes

Author: Leshe4ka

frontend/src/components/Nav/ClusterMenu/ClusterMenu.tsx

@@ -21,6 +21,7 @@ import {
 } from 'lib/paths';
 import { useLocation } from 'react-router-dom';
 import { useLocalStorage } from 'lib/hooks/useLocalStorage';
+import { ClusterColorKey } from 'theme/theme';
 
 interface ClusterMenuProps {
   name: Cluster['name'];
@@ -39,7 +40,7 @@ const ClusterMenu: FC<ClusterMenuProps> = ({
     features?.includes(key);
   const [isOpen, setIsOpen] = useState(!!singleMode);
   const location = useLocation();
-  const [colorKey, setColorKey] = useLocalStorage(
+  const [colorKey, setColorKey] = useLocalStorage<ClusterColorKey>(
     `clusterColor-${name}`,
     'transparent'
   );

frontend/src/components/Nav/Menu/MenuTab.tsx

@@ -1,6 +1,7 @@
-import React, { type FC } from 'react';
+import React, { Dispatch, type FC, SetStateAction } from 'react';
 import { ServerStatus } from 'generated-sources';
 import MenuColorPicker from 'components/Nav/Menu/MenuColorPicker/MenuColorPicker';
+import { ClusterColorKey } from 'theme/theme';
 
 import * as S from './styled';
 
@@ -9,7 +10,7 @@ export interface MenuTabProps {
   status: ServerStatus;
   isOpen: boolean;
   toggleClusterMenu: () => void;
-  setColorKey: () => void;
+  setColorKey: Dispatch<SetStateAction<ClusterColorKey>>;
 }
 
 const MenuTab: FC<MenuTabProps> = ({
@@ -19,7 +20,7 @@ const MenuTab: FC<MenuTabProps> = ({
   isOpen,
   setColorKey,
 }) => (
-  <S.MenuItem $variant="primary" onClick={toggleClusterMenu}>
+  <S.MenuItem $variant="secondary" onClick={toggleClusterMenu}>
     <S.ContentWrapper>
       <S.StatusIconWrapper>
         <S.StatusIcon status={status} aria-label="status">