Bug: (Contacts) "No contacts found" using `h2` for content instead of organization

[milofultz]

Bug Description:

When no contacts are found, the main content ("No contacts found") uses an h2 instead of something more semantically appropriate. Headings should be used for navigation, not for content.

Reproduction Steps:

1. Log in to an account that has no contacts. 2. Go to the Contacts tab. 3. Observe the DOM of the content ("No contacts found").

Expected Behavior:

The content should be something like a p tag or similar.

Screenshots (If applicable):

Additional Context (optional):

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#navigation

Possible Solution (optional):

• Make the heading above the list of contacts an actual h2 element. For navigation with assistive technology, this will show someone "this is where the contacts are/will be"; when they go there, they will find that there are no contacts available. This will give a consistent experience regardless if contacts exist or not.
• Change the element for the text to something that is meant for dynamic content, like a p tag.

[milofultz]

This is found in the EmptyListNotifications component

[JonnyMc94]

Hi @milofultz, I would like to work on this if you could assign it to me please?