[List] Dropdown control has a hard-coded "Open menu" and "Close menu" tooltip and not compatible with globalization

[cheer021]

## What package(s) are you using?

• [x] carbon-components
• [ ] carbon-components-react

Detailed description

Describe in detail the issue you're having.

[List] List control has a hard-coded "Open menu" and "Close menu" tooltip and not compatible with globalization

Is this issue related to a specific component?

Dropdown control https://www.carbondesignsystem.com/components/dropdown/usage

What did you expect to happen? What happened instead? What would you like to see changed?

Either

• remove the tooltips completely so consumers can pass their own string (MORE preferred) Or
• Read the user locale and translate the string (LESS preferred - because consumers should decide where to read the locale which can be different from browser locales)

What browser are you working in?

Chrome - this is a cross-browser issue

What version of the Carbon Design System are you using?

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

IBM Cognos Analytics: This issue is not gating our release

Steps to reproduce the issue

1. Open the List control link
2. Hover over the arrow svg
3. See "Open menu"

Additional information

[tw15egan]

The ListBox components should all accept a translateWithId prop that can be used to implement globalization. Here is a quick example:

const listBoxMenuIconTranslationIds = {
  'close.menu': 'Translated Close text ',
  'open.menu': 'Translated Open text ',
  'clear.all': 'Clear all',
  'clear.selection': 'Clear selection',
};

<Dropdown
   ...
   translateWithId={(id) => listBoxMenuIconTranslationIds[id]}
/>