fix: select component icons size differs in light and dark mode

Author: ruchik02

src/components/primitives/Select/Select.tsx

@@ -67,7 +67,7 @@ const Select = (
     onOpen,
     onClose,
     optimized,
-    customDropdownIconProps,
+    _customDropdownIconProps,
     _actionSheet,
     _actionSheetContent,
     _actionSheetBody,
@@ -133,7 +133,7 @@ const Select = (
     ) : dropdownIcon ? (
       dropdownIcon
     ) : (
-      <ChevronDownIcon {...customDropdownIconProps} />
+      <ChevronDownIcon {..._customDropdownIconProps} />
     );
 
   const handleClose = () => {

src/theme/components/select.ts

@@ -5,7 +5,7 @@ export const Select = {
         start: 0,
       },
 
-      customDropdownIconProps: {
+      _customDropdownIconProps: {
         color: 'muted.500',
         mr: '3',
         size: '6',
@@ -26,7 +26,7 @@ export const Select = {
       },
 
       _dark: {
-        customDropdownIconProps: { color: 'muted.400', mr: '3' },
+        _customDropdownIconProps: { color: 'muted.400', mr: '3' },
         _hover: {
           borderColor: 'primary.500',
         },