Fix Navbar Clickable Area on Mobile and Desktop

[theovier]

Description

Fixes issue #480

Reason for this PR

• Merging the JWT branch into develop resulted in a not correctly behaving navigation. Also the mobile clickarea was not as polished as the desktop clickarea.

Changes in this PR

• Adjust the mobile navbar to be clickable when indicated. Fix a problem with the desktop navbar that it would only register hits on the actual name of the item.

Type of change

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

• Manually tested all use cases this could alter

Test Configuration:

• OS: Windows Mac Linux

• Browser: Firefox Chrome Safari Chromium

• Frontend:

  • Development build

• Backend:

  • deployed production build

Checklist:

• I have performed a self-review of my own code
• My changes generate no new linting warnings or console warnings
• I have updated the CHANGELOG.md to include any changes made in this PR (add WIP to the top, if there is none already)