Feature/sc 30090/confirm rtl changes still work in new sheets

[stevekaplan123]

Description

Merged rtl-client into modularization-main and made changes to DropdownMenu.jsx and s2.css so that both types of dropdown menu work.

Code Changes

Change name of props of buttonContent and menuIconComponent to buttonComponent both in and in all instances of it
Change .buttonClosest into a data attribute data-prevent-close="true"
CSS resolutions
dropdownButton needs to be resolved to dropdownLinks-button (note that it was changed from a button html element to an a)
Note that in rtl-client {children} is directly inside div.dropdownLinks-menu whereas in modularization-main it's enclosed within an additional div.dropdownLinks-options
We've removed the additional enclosing div from modularization main
No default export when importing DropdownMenu.jsx
An additional enclosing div (or component?) should be added to the instances of in the Header.jsx
The instances of in rtl-client are all enclosed with divs that set the positioning style
The CSS styling used in .header .dropdownLinks should be migrated to a class that the newly created enclosing div/component (used in Header.jsx) will be tagged with
The CSS styling on should be as sparse as possible
Add an additional prop to called positioningClass that will be added to the list of class -es in the "first"

in DropdownMenu and is in charge of the positioning styling of the open menu location
I.e. in rtl instances use dropdownMenu and in Header.jsx use dropdownLinks -- CHANGE ALL THESE CLASS NAMES (readerDropdownMenu vs headerDropdownMenu)
Now that we've removed the

from the DropdownMenu component, we need to prepend the children passed in to instances in Header.jsx with a

to properly position the children.
in rtl instances this is already taken care of