Add UI for Login and Register Pages with Health Check Route and shadcn Components

[AnujChhikara]

Description

This PR introduces the following front-end components and structure for user authentication, along with a basic server health check route:

1. Login Page UI:

   • Designed the user interface for the login page, allowing users to input their email and password.
   • This page is currently only a static UI without backend integration.
   • Error handling UI elements are in place, but logic will be added in future PRs.

2. Register Page UI:

   • Created a user interface for the registration page, allowing new users to input their details (name, email, and password).
   • Only the front-end UI is implemented here, without any backend connectivity.

3. Health Check Route:

   • Added a new /health route that provides a simple JSON response (e.g., { status: "ok" }) to confirm that the server is up and running.
   • This route helps verify server health for monitoring purposes.

4. shadcn UI Components:

   • Integrated shadcn to style the login and register pages.
   • Used shadcn components for a consistent, clean, and responsive design across the authentication pages.

Testing

• Manually tested the UI for responsiveness and compatibility across mobile and desktop.
• Verified that the /health route responds correctly and confirms server availability.

[AlbinXXX]

The design doesn't match the figma designs, I will setup CI/CD for frontend with automatic builds but for now could you match it more to the image?

you have the component at https://ui.shadcn.com/examples/authentication, just a few fields that need work.

[AnujChhikara]

I've made changes to the login and register pages, and I want to understand the workflow for both. Could you please create a wireframe or diagram to help me understand the flow?

[AlbinXXX]

Right so the workflow its super simple one: https://miro.com/welcomeonboard/TXBnTGFZQTJvRHphdmMwRS9qNnJaaEozakhOQmFHWVJ2bGY4NnE3TXhGVzBHcGtURlArTWVFaGpLdVZGekR0OVBIOFVhbkFKb1I1QjZPSmlnTDYzSzFSbkhva0xSK3Q4eE4vcDUzRXJFZlZiOS8wTXhUU2VuM0JvbFJFR0VxQXUhZQ==?share_link_id=416106429113