custom aria-label for color picker

Author: Leshe4ka

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

@@ -28,7 +28,11 @@ const MenuColorPicker = ({ setColorKey }: MenuColorPickerProps) => {
   };
 
   return (
-    <Dropdown offsetY={5} label={<ColorPickerIcon />}>
+    <Dropdown
+      aria-label="Color Picker Dropdown"
+      offsetY={5}
+      label={<ColorPickerIcon />}
+    >
       <S.Container>
         {COLOR_KEYS.map((key) => (
           <S.ColorCircle

frontend/src/components/common/Dropdown/Dropdown.tsx

@@ -15,6 +15,7 @@ const Dropdown: React.FC<DropdownProps> = ({
   disabled,
   children,
   offsetY,
+  ...props
 }) => {
   const ref = useRef(null);
   const { value: isOpen, setFalse, setTrue } = useBoolean(false);
@@ -30,7 +31,7 @@ const Dropdown: React.FC<DropdownProps> = ({
       <S.DropdownButton
         onClick={handleClick}
         ref={ref}
-        aria-label="Dropdown Toggle"
+        aria-label={props['aria-label'] || 'Dropdown Toggle'}
         disabled={disabled}
       >
         {label || <VerticalElipsisIcon />}