[Outreachy Task Submission ] The copy HTML embedded icon doesn't receive focus via keyboard tab navigation in Share Deployment Modal

[MugoBrian]

Issue
The copy HTML embedded icon is not accessible via keyboard tab navigation hence a user cannot click (copy code) using the keyboard.

Area affected
The Share deployment modal

Steps To Reproduce
See the screencast below for reference:

1. Go to the Ushahidi client platform.
2. Click on the Share button, and a modal will pop up
3. Navigate the Share deployment modal using the Tab button to traverse the elements.
4. You will notice the copy icon doesn't receive any focus.

Environment:
Browser: Chrome & Firefox

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