fix SmileysPanel ux

[HazemAbdo]

Fixed (Fix emoji picker ux) #14549
New emoji picker behavior :

• If closed it opens only if click IconFaceSmile
  - If opend it closes if click in any place outside SmileysPanel
  - When choose an icon it keeps open

emoji_new.mp4

• Why I need input icon ref ?
  • If click on IconFaceSmile it triggers onClickOutside of SmileysPanel which closes the panel but on the same time it triggers clicking on IconFaceSmile which opens the panel so the panel will not be closed in this case
• I want to ask for a better way to pass inputIconRef to the icon without wrapping it with a div. I went with this solution to not make a lot of changes into abstract components react/features/base/react/components/AbstractContainer.ts

[jitsi-jenkins]

Hi, thanks for your contribution!
If you haven't already done so, could you please make sure you sign our CLA (https://jitsi.org/icla for individuals and https://jitsi.org/ccla for corporations)? We would unfortunately be unable to merge your patch unless we have that piece :(.

[HazemAbdo]

I have already signed the CLA