HandleAuth.jsx - Replaced HTML with MUI and fixed CSS - #1640

[bconti123]

Fixes #1640

What changes did you make and why did you make them?

• I reviewed /src/pages/UserWelcome.jsx and created a similar MUI component for the message "Sorry, the link is not valid anymore".
• Improve loading screen design to enhance user interaction.
• Replaced HTML elements with MUI components.
• Fixed the loading spinner, created a new logic function for loading, and refactored the loading spinner code.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

Loading Screen - See this video

VRMS.-.Google.Chrome.2025-07-30.16-48-20.mp4

Refresh the page and see the loading spinner.

VRMS.-.Google.Chrome.2025-08-05.17-33-34.mp4

[bconti123]

This PR is still a work in progress. The loading spinner doesn't appear when the page is refreshed without a valid link.

[bconti123]

I fixed the loading spinner. This PR is now ready for review.

[bconti123]

I double checked the logic function for loading data. I commented Delayed component out then implemented the logic function on between {!isLoaded ?... and ...</Typography> )} in line 75 - 81. PR is now ready.

[trillium]

This is looking good!

Would you mind cleaning up the comments that are no longer needed?

Happy to emerge after that! Thanks for your work Byant.

[bconti123]

@trillium Thank you! I cleaned up the comments of Delayed Component. It is no longer needed.

[trillium]

Thanks Bryant!