Corrected the HTML markup

What does this MR do?

We used to have <div> which is a block-level element within <a> elements which are inline elements. This MR fixes this in order to deliver the semantically correct markup for the one specific element within the lefthand navigation panel (we have 5 of those 🙄).

Screenshots (strongly suggested)

	After
Admin Area
Group settings
User Settings
Project Settings
Security Dashboard

Does this MR meet the acceptance criteria?

Conformity

• 📋 Does this MR need a changelog?
  • I have included a changelog entry.
  • I have not included a changelog entry because this MR doesn't introduce any user-facing changes.
• Documentation (if required)
• Code review guidelines
• Merge request performance guidelines
• Style guides
• Database guides
• Separation of EE specific content

Availability and Testing

• Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process.
• Tested in all supported browsers
• Informed Infrastructure department of a default or new setting change, if applicable per definition of done

Related to #322680 (closed)