fix(ChatMessage): prevent hover over invisible actions area

[kuzhelov]

TODO

• update changelog

---

This PR fixes undesired effect when actions menu is showed up while user hovering over invisible to her area. This has resulted in weird user experience (consider on-hover appearance of actions menu for the lower chat message):

[DustyTheBot]

	Fails
🚫	All of your entries in CHANGELOG.md should be in the **Unreleased** section!

Generated by 🚫 dangerJS

[codecov]

Codecov Report

Merging #953 into master will increase coverage by <.01%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master     #953      +/-   ##
==========================================
+ Coverage    80.5%   80.51%   +<.01%     
==========================================
  Files         659      659              
  Lines        8450     8447       -3     
  Branches     1493     1428      -65     
==========================================
- Hits         6803     6801       -2     
+ Misses       1632     1631       -1     
  Partials       15       15

Impacted Files	Coverage Δ
.../themes/teams/components/Chat/chatMessageStyles.ts	23.8% <ø> (ø)	⬆️
...ackages/react/src/components/Dropdown/Dropdown.tsx	34.13% <0%> (ø)	⬆️
packages/react/src/components/Input/Input.tsx	100% <0%> (ø)	⬆️
packages/react/src/index.ts	100% <0%> (ø)	⬆️
...ct/src/components/Dropdown/DropdownSearchInput.tsx	48.14% <0%> (ø)	⬆️
...themes/teams/components/Dropdown/dropdownStyles.ts	24.13% <0%> (ø)	⬆️
packages/react/src/lib/felaRenderer.tsx	100% <0%> (+6.25%)	⬆️

---

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 72eab06...66b93ae. Read the comment docs.

[codecov]

Codecov Report

Merging #953 into master will decrease coverage by 0.01%.
The diff coverage is 0%.

@@            Coverage Diff             @@
##           master     #953      +/-   ##
==========================================
- Coverage   80.96%   80.94%   -0.02%     
==========================================
  Files         664      664              
  Lines        8496     8498       +2     
  Branches     1431     1433       +2     
==========================================
  Hits         6879     6879              
- Misses       1602     1604       +2     
  Partials       15       15

Impacted Files	Coverage Δ
.../themes/teams/components/Chat/chatMessageStyles.ts	20% <0%> (-1.74%)	⬇️

---

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 8519c74...9b14018. Read the comment docs.

[jurokapsiar]

focus and hover styles (when you hover on the right edge of the message) are broken after the change:

[kuzhelov]

@jurokapsiar, thanks a lot for spotting that - have updated styles to address these issues:

submenu's accessibility

[layershifter]

Don't forget about a changelog entry 🐱