Header.tsx has a username and signOutText with href's for each however these are optional. This gives you scenarios where you can has a username but no accountHref
The Problem:
tags with no href cause accessibility issues
This fails to comply with WCAG 2.2 A 2.1.1 - Keyboard accessible
The Solution:
Render the element with an tag if their specific href is valid, otherwise render it as another tag
Header.tsx has a username and signOutText with href's for each however these are optional. This gives you scenarios where you can has a username but no accountHref
The Problem:
tags with no href cause accessibility issues
This fails to comply with WCAG 2.2 A 2.1.1 - Keyboard accessible
The Solution:
Render the element with an tag if their specific href is valid, otherwise render it as another tag