Use Compound tooltip component for all tooltips in EW

[langleyd]

Your use case

What would you like to do?

Replace all existing tooltip occurrences with the tooltip in Compound

Why would you like to do it?

The existing tooltip is is accessible and the compound tooltip is being made accessible.

How would you like to achieve it?

Replace tooltip occurrences 1 by 1, improving the compound tooltip or adapting the site of it's usage with support from design/product, as necessary.

Tasks

Beta Give feedback

1. Tooltip rework compound-web#156
   +0
2. Use new compound tooltip matrix-org/matrix-react-sdk#12416
   T-Enhancement +1
3. Add Tooltip to AccessibleButton matrix-org/matrix-react-sdk#12443
   T-Enhancement +1
4. Add extra attribute to AccessibleButton matrix-org/matrix-react-sdk#12456
   T-Task +1
5. MenuItem: fix caption usage matrix-org/matrix-react-sdk#12455
   T-Defect +1
6. Tooltip: Use AccessibleButton in RovingAccessibleTooltipButton matrix-org/matrix-react-sdk#12458
   T-Enhancement +1
7. Tooltip: Improve the accessibility of the composer and the rich text editor matrix-org/matrix-react-sdk#12459
   T-Enhancement +1
8. Tooltip: Use AccessibleButton in dialogs matrix-org/matrix-react-sdk#12460
   T-Enhancement +1
9. Tooltip: Use AccessibleButton in reusable elements matrix-org/matrix-react-sdk#12461
   T-Task +1
10. Tooltip: Improve accessibility for context menus matrix-org/matrix-react-sdk#12462
    T-Enhancement +1
11. Tooltip: improve accessibility for messages matrix-org/matrix-react-sdk#12487
    T-Enhancement +1
12. Tooltip: improve accessibility for call and voice messages matrix-org/matrix-react-sdk#12489
    T-Enhancement +1
13. Tooltip: improve accessibility of the right panel matrix-org/matrix-react-sdk#12490
    T-Enhancement +1
14. Tooltip: improve accessibility in room matrix-org/matrix-react-sdk#12493
    T-Enhancement +1
15. Tooltip: improve accessibility of spaces matrix-org/matrix-react-sdk#12497
    T-Enhancement +1
16. Allow component for tooltip caption compound-web#165
    +0
17. Tooltip: migrate remaining tooltips from AccessibleTooltipButton to AccessibleButton matrix-org/matrix-react-sdk#12522
    T-Task +1
18. Tooltip: Improve accessibility of space panel matrix-org/matrix-react-sdk#12525
    T-Enhancement +1
19. Tooltip: Use RovingAccessibleButton instead of RovingAccessibleTooltipButton matrix-org/matrix-react-sdk#12539
    T-Task +1
20. Migrate TooltipTarget usage to compound Tooltip matrix-org/matrix-react-sdk#12542
    T-Task +1
21. Tooltip: Use tooltip compound instead of react-sdk tooltip matrix-org/matrix-react-sdk#12549
    T-Task +1

Have you considered any alternatives?

No response

Additional context

No response

[gaelledel]

@nadonomy This is the issue we're discussing with @t3chguy