Manage Watchers: Missing keyboard support

Issue Summary

The keyboard support is missing for the "Delete" interactive element.

Steps to Reproduce

1. Navigate to any page.
2. Navigate to the "Watching" button and activate it.
3. Navigate to the "Manage Watchers" button and activate it. 
4. Navigate to the mentioned interactive element.
5. Observe that keyboard support is missing for the mentioned interactive element.

Screenshot

Actual Results

Keyboard support is missing for the "Delete" interactive element. Additionally, image buttons do not have textual description and the image used for this button is defined using CSS background property.
This made it difficult for keyboard-only and screen-reader users to access the functionality associated with interactive elements. 

Expected Results

Ensure that all the page functionality is available for all users irrespective of the device being used.
Apply the following changes:

• Mark up the mentioned interactive image using <button> element.
• Modify the scripts to ensure that the image button is accessible with a keyboard as well as a mouse.
• Implement the image using <img> element and provide empty alternate text using the "alt" attribute (e.g., alt="") in its source code.
  Alternatively, use CSS content property (with ::before and ::after pseudo-elements) to define the image to ensure that the image becomes visible when the Windows High Contrast Mode is turned on.

• Specify the descriptive label "Delete rahil shaikh" for the button using the "aria-label" attribute.
• Remove the "Title" attribute from the source code of the mentioned instance.

Workaround

Not available

Environment 

MacBook Pro (16-inch, 2019)
macOS 113.5.2 (22G91)
Chrome - Version 118.0.5993.70 (Official Build) (x86_64)
Firefox- Version 114.0 (64-bit)
Safari- 16.6 (18615.3.12.11.2)
JAWS- Version 2023.2306.38
NVDA- Version 2022.2.2
Voiceover - Version Latest