Authentication page layout

[MattPereira]

Fixes #440

Changes

• Opted for multiple paths so that users can be sent a direct link to the sign up page
• Converted HeaderNav to all tailwind and only using horizontal CTJ logo since no stacked logo seen in figma
• Created a InputGroup component with tailwind because not sure about using or converting existing Textfield.tsx

Discussion

• The HeaderNav is using a element links instead of react router Link components because the HeaderNav component is outside the context of react router that is created in Router.tsx
• How to enable "hot reload" for this project? Clicking the refresh button in browser to see each css change is a nightmare
• Is there a better way to structure or organize the components related to the authentication page?

Follow Up Issues

• Add features specific to password input #443
• Implement graphics for authentication page #444
• Add input validations to login and sign up forms #445

Screenshots, if applicable

See Desktop

See Mobile

[bzzz-coding]

• The HeaderNav is using a element links instead of react router Link components because the HeaderNav component is outside the context of react router that is created in Router.tsx
  I wonder if we should reorganized the router and take advantage of nested routes and outlet, but I really appreciate your problem solving and making everything work with the current router setup.

• How to enable "hot reload" for this project? Clicking the refresh button in browser to see each css change is a nightmare
  I agree. It would be great if we could reduce the hassle of revealing style changes. Maybe this could be an issue that involve some research on configuring webpack and docker?

• Is there a better way to structure or organize the components related to the authentication page?
  I wouldn't call it "better" but another approach would be to create a separate Login page and a Signup page, instead of AuthenticationPage + useLocation?
  I also wonder if we should keep the components in the components folder, even if they are only used on this particular page. 🤔

[bzzz-coding]

Thanks for creating the login/signup page, @MattPereira ✨ ! I like the idea of creating InputGroup and admire your problem-solving skills 🧠. I also appreciate your comment--let's discuss the next steps and how we can improve our development experience. ❤️