[Frontend] Accessibility: Use sr-only text instead of aria-label on non-interactive elements

[mmtftr]

Description

Due to feedback we received in our milestone presentation, we realized we should use sr-only text instead of aria-label for non-interactive elements such as icons that denote information.

For example, any non-button non-anchor element that has aria-label text should have its text placed like so:

// previously
return <div aria-label="Lorem ipsum dolor">
  <Icon/>
   Some info
</div>

// now
return <div>
   <Icon/>
   <span className="sr-only">Text describing icon</span>
   Some info
</div>

[ozdentarikcan]

Closed with PR #692.