Correct Application of aria-label through Sorted Props

This commit ensures the correct application of the aria-label attribute by sorting the props. This change enhances the accessibility of the components and ensures that screen readers interpret the aria-label as intended.

Author: Hector Arce De Las Heras

src/components/calendar/selector/selector.tsx

@@ -126,15 +126,15 @@ export const Selector = (props: ISelector): JSX.Element => {
     <SelectorStyled isDaySelector={isDaySelector} styles={props.styles}>
       <IconAndBackTextStyled styles={props.styles} onClick={handleOnClickBack}>
         <ElementOrIcon
+          color={iconArrowDisabled(props.minDate) ? props.styles?.colorArrowDisabled : undefined}
+          customIconStyles={props.styles?.leftArrow}
+          disabled={iconArrowDisabled(props.minDate)}
+          {...leftArrowIcon}
           aria-label={
             showCustomSelector
               ? props.configAccesibility?.backToMonthAriaLabel
               : leftArrowIcon['aria-label']
           }
-          color={iconArrowDisabled(props.minDate) ? props.styles?.colorArrowDisabled : undefined}
-          customIconStyles={props.styles?.leftArrow}
-          disabled={iconArrowDisabled(props.minDate)}
-          {...leftArrowIcon}
           onClick={handleOnClickLeftIcon}
         />
         {showCustomSelector && (