fix(ChatMessage): action menu doesn't disappear on click

[mnajdova]

The action menu on the ChatMessages in Teams theme, should be open or closed based on the user interaction with the options within. For example, clicking on the emoticons, should close it, but clicking on the '...' should leave it open for the client to be able to choose one of the options.

For this to be possible, we need to allow the user to control this in some way. Currently the showing/hiding of the action menu is done only by changing the opacity of it, based on the state's focused prop. The simplest way to allow the user to control this is adding a boolean variable that can alter these styles - showActionMenu. In the future, if we decide that adding/hiding the action menu is a common thing, we may make this component AutoControlled and change it via the props.

In my opinion this is the simplest way of fixing the issue, but we still need to make insure that we are not breaking any of the prev accessibility. @sophieH29 @jurokapsiar can we test this and ensure that the focusing behavior is still working as expected?

[codecov]

Codecov Report

Merging #1590 into master will decrease coverage by 0.06%.
The diff coverage is 0%.

@@            Coverage Diff             @@
##           master    #1590      +/-   ##
==========================================
- Coverage   71.53%   71.47%   -0.07%     
==========================================
  Files         848      848              
  Lines        6932     6938       +6     
  Branches     1997     2003       +6     
==========================================
  Hits         4959     4959              
- Misses       1967     1973       +6     
  Partials        6        6

Impacted Files	Coverage Δ
...emes/teams/components/Chat/chatMessageVariables.ts	0% <ø> (ø)	⬆️
.../themes/teams/components/Chat/chatMessageStyles.ts	2.32% <0%> (-0.38%)	⬇️
packages/react/src/components/Menu/MenuItem.tsx	34.04% <0%> (ø)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update fdc888f...c3b6ad0. Read the comment docs.

[mnajdova]

Removing this prototype as the reactions with popup is already included in the first one