[MVP] Auth system

[KenjiPcx]

Context

To get user data, we kinda need a auth system, Azure provides this. We will be hosting our app through Azure Static Web apps (React + Azure functions backend), we just need to use the provided auth system there https://learn.microsoft.com/en-us/azure/static-web-apps/authentication-authorization

Once we get the user data, we can access the user page

Requirement

• A login button, on click follows logic from doc above
• A logout button
• A user profile button

Tasks

• [x] #41
• [x] #37

[KenjiPcx]

We will just use auth routes from TanStack router We wrap all routes with the auth route except the main menu https://tanstack.com/router/v1/docs/framework/react/guide/authenticated-routes

When a user clicks on any of the routes and is not logged in, it will redirect to the login page from GitHub / Microsoft https://learn.microsoft.com/en-us/azure/static-web-apps/authentication-authorization