[Outreachy Task Submission ] The HTML-embedded icon for copying does not gain focus when navigating through tabs using the keyboard in the Share Deployment Modal.

[MugoBrian]

This PR addresses this issue.

Fix:
The HTML-embedded icon for copying is now reachable via keyboard tab navigation, enabling users to execute the "copy code" action using keyboard input.

1. The HTML-embedded icon is now focusable.
2. Users can now copy the code using the Enter key on the keyboard.
3. Margin bottom has been included for both the "share on Twitter" and "share on Facebook" buttons.

Steps To Reproduce The Fix:
See the screencast below for reference:

Go to the Ushahidi client platform.

1. Click the Share button, and a modal will pop up.
2. Navigate the Share deployment modal using the Tab button to traverse the elements.
3. You will notice the copy icon receives tab focus.
4. Click enter to copy the code. Expected results: The HTML code to be copied.

Environment:
Browser: Chrome & Firefox

Screencast.from.30-03-2024.05.32.08.ALASIRI.webm

[MugoBrian]

Hello @Angamanga and @Ifycode. This PR is ready for review.