Type Error in useColorModes Function

Description:
There is a type mismatch in the useColorModes function. The interface for setColorMode is defined as:

interface UseColorModesOutput {
  colorMode: string | undefined;
  isColorModeSet: () => boolean;
  setColorMode: Dispatch<SetStateAction<string>>;
}

However, the correct type should allow setColorMode to handle both string and undefined values. The interface should be updated as follows:

interface UseColorModesOutput {
  colorMode: string | undefined
  isColorModeSet: () => boolean
  setColorMode: Dispatch<SetStateAction<string | undefined>>
}

Search for the useColorModes function and its UseColorModesOutput interface; start by inspecting the current setter type and its callers. Update the setter type so it accepts string or undefined, then run the repository's type check to confirm the mismatch is resolved.