Add accessibility props to DropdownSelected component

This commit enhances the DropdownSelected component by adding `aria-expanded` and `aria-haspopup` props. The `aria-expanded` prop indicates whether the dropdown is currently open, and the `aria-haspopup` prop indicates that the dropdown has a popup context menu or sub-level menu. These improvements enhance the accessibility of the DropdownSelected component, making it more user-friendly for individuals using assistive technologies.

Author: Hector Arce De Las Heras

src/components/dropdownSelected/dropdownSelectedStandAlone.tsx

@@ -2,6 +2,7 @@ import React, { useMemo } from 'react';
 
 import { keyDownMove, keyUpMove } from '@/components/listOptions/utils';
 import { useId } from '@/hooks/useId/useId';
+import { ROLES } from '@/types';
 
 import { ButtonType } from '../button';
 import { ElementOrIcon } from '../elementOrIcon';
@@ -76,6 +77,8 @@ const DropdownSelectedStandAloneComponent = (props: IDropdownSelectedStandAlone)
         ref={props.buttonOrLinkRef}
         $rotate={props.open}
         aria-controls={ariaControls}
+        aria-expanded={props.open}
+        aria-haspopup={ROLES.LISTBOX}
         as={props.component}
         styles={props.styles}
         target={!props.url ? undefined : props.urlTarget}