Refactor Login Flow & Fix Navbar Button Styling

[amattu2]

Overview

This PR addresses two primary things:

• Login controller refactoring
• Fix the alignment of the button-based sub-items (logout, cli tool, etc)

Navbar alignment issue

BEFORE (QA2): Look at the "g" in Login compared to the horizontal line

AFTER (DEV2): Look at the "g" in Login compared to the horizontal line

USED FOR TESTING (insert inside the root element)

<hr style="
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
  top: 247.1px;
">

Change Details (Specifics)

(UX changes)

• Fix the vertical and horizontal alignment of navbar buttons to match links

(Refactoring changes)

• Rename the login content folder to Login
• Refactor the login controller code to be cleaner and follow a more logical flow (opinion)
• Return the SuspenseLoader from the LoginController
  • This is only visible briefly, but on slow internet connections, it looks smoother
• Write test coverage for the login controller page

Related Ticket(s)

CRDCDH-2033 (Code Refactoring, the login flow will be retested here)
CRDCDH-2124 (I refactored the navbar here)

[coveralls]

Pull Request Test Coverage Report for Build 12791107885

Details

• 8 of 9 (88.89%) changed or added relevant lines in 2 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+0.1%) to 57.726%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
src/router.tsx	0	1	0.0%

Totals
Change from base Build 12791079477:	0.1%
Covered Lines:	3954
Relevant Lines:	6421

---

💛 - Coveralls

[Alejandro-Vega]

LGTM!