Unclear Name and Role for File Type Options in Export Modal

[derekjackson-das]

Issue Description:
The name for the file type options in the export modal is currently set to "Select an option," which is not descriptive or unique for this button. The purpose of the button is unclear, leading to confusion for users relying on accessible names.

WCAG Criteria:
2.4.6 Headings and Labels - AA

Snippet:

<button data-testid="dropdown-menu" class="btn-neutral focus:ring-offset-ring-offset relative inline-flex w-auto items-center justify-between rounded-md border-border-light bg-header-primary py-2 pl-3 pr-8 text-text-primary transition-all duration-100 ease-in-out hover:bg-header-hover focus:ring-ring-primary" aria-label="Select an option" id="headlessui-listbox-button-:rbi:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""></button>

Note:
A more accurate name would be "File Type." The visible label above the button should also match the accessible name, so the text above the button should read "File Type" as well.

If reconfiguring with Ariakit components, the select component looks like a viable replacement. See Ariakit Select.