Connect login modal to the backend

[dct0]

Basic Information

BRANCH OFF #12 IF NOT MERGED ALREADY

Create a useAuth hook in the client/src/hooks/auth.ts. It should contain a method login() which when called

• Calls the jwt endpoint with the username and password, this will return a token if it's a valid user
• Store the token in cookies, which will expire after x time (up to your discretion)
• Attach the token to all backend requests with an axios interceptor https://www.thedutchlab.com/en/insights/using-axios-interceptors-for-refreshing-your-api-token . This currently lives in client/src/lib/api.ts
• Add an additonal condition: if the backend request fails, try refreshing the token with the corresponding endpoint. Take a look at https://github.com/codersforcauses/csf/blob/b92a97f1656e50b107151af863ee45b166431394/client/src/utils/server.ts#L22 for help (it's in vue but similar concept)

Other Information

There's no need to use tanstack query for this, (unlike the usePings example). You can just create a vanilla hook

[github-actions[bot]]

Branch issue-45-Connect_login_modal_to_the_backend created!