Hide decorative icons, reduce noise from assistive technologies

[cyberbaloo]

Bug Report

Problematic behavior
Some icons are decorative and must be hidden from assistive technologies.

Expected behavior/code
Material icons are being rendered when they shouldn't be. (example: <span class="sc-34780e96-0 sc-262648e5-0 iiwUsF foIyfo --docs--icon-bg material-icons" data-testid="public-icon">vpn_lock</span>)

Steps to Reproduce

1. Search for <span> elements that contain "material-icons" in the CSS class name

Possible Solution

1. Add aria-hidden="true"
2. And the icon will no longer make noise in assistive technologies, the content will be much clearer because hearing "vpn_lock" when it's just the decorative icon of the document that is visible to everyone since the document is accessible to anyone who is logged in.

Additional context/Screenshots