GAP-1595: Fixing screen reader issue with hidden span tags

[GavCookCO]

Description

In the table above, the links to add/change details have hidden span tags attached to them in order to aid screen readers by providing better descriptions of what the links are doing. These span tags contained uri components so when the screen reader reached them it would announce "update slash organisation slash name", etc.

These uri components have been formatted to remove the slashes. There was also some concern over dashes but I have tested these and the screen reader handles them fine so I have left those in place.

Ticket # and link
GAP-1595

Summary of the changes and the related issue. List any dependencies that are required for this change:

see above.

Type of change

Please check the relevant options.

• Bug fix (non-breaking change which fixes an issue).
• New feature (non-breaking change which adds functionality).
• Breaking change (fix or feature that would cause existing functionality to not work as expected).
• This change requires a documentation update.

How Has This Been Tested?

Please describe the tests that you ran to verify your changes:

• Unit Test

• Integration Test (if applicable)

• End to End Test (if applicable)

Screenshots (if appropriate):

Please attach screenshots of the change if it is a UI change:

Checklist:

• If I have listed dependencies above, I have ensured that they are present in the target branch.
• I have performed a self-review of my code.
• I have commented my code in hard-to-understand areas.
• I have made corresponding changes to the documentation where applicable.
• I have ran cypress tests and they all pass locally.