Fix #24 (feat) : added the preloader

[ShirshenduR]

Overview

1. This PR fixes or fixes part of [Feature Request]: Add the PreLoader after Logging In #24 .
2. This PR does the following: Adds a responsive preloader page with YDO animation, loading bar, and personalized welcome message with user's name.

Essential Checklist

• The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
• "Allow edits from maintainers" is checked. (See here for instructions on how to enable it.)
• The PR is made from a branch that's not called "main/master".

Proof that changes are correct

Screen.Recording.2025-07-04.at.5.55.04.PM.mp4

PR Pointers

• If you need a review or an answer to a question, and don't have permissions to assign people, leave a comment like the following: "{{Question/comment}} @{{reviewer_username}} PTAL".
• Never force push. If you do, your PR will be closed.
  Please review @Om-Thorat @Zapper9982

[netlify]

✅ Deploy Preview for ydo-bsoc ready!

Name	Link
🔨 Latest commit	42d979f
🔍 Latest deploy log	https://app.netlify.com/projects/ydo-bsoc/deploys/686b41e1dbfb9b00082430eb
😎 Deploy Preview	https://deploy-preview-30--ydo-bsoc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Zapper9982]

Can we perhaps keep the same Background gradient as the one on the Landing page

[ShirshenduR]

@Zapper9982 I have used gradient background that looked similar to figma we can replace it once our background is ready

[Zapper9982]

this is the expected background . According to you files you have created a linear gradient in background , which is not the intended behaviour we are expecting a Image as a background

[ShirshenduR]

@Zapper9982 I updated it to use same bg image as landing page

[ShirshenduR]

@Zapper9982 Please check now I have made the changes.

[Zapper9982]

@ShirshenduR Looks great to me , can you attach a preview video for the final outcome

[ShirshenduR]

Screen.Recording.2025-07-04.at.7.56.01.PM.mov

@Zapper9982 Here is the preview. Is it correct?

[Zapper9982]

Ahh @ShirshenduR can you change the landing page background to the one you have used perhaps for consistency ?

[ShirshenduR]

@Zapper9982 I have changed all backgrounds to same image and I found two bugs one on 404 page its a scaling issue and one on the login page

Screen.Recording.2025-07-05.at.8.44.09.PM.mov

I have changed other backgrounds also.

[Zapper9982]

@Zapper9982 I have changed all backgrounds to same image and I found two bugs one on 404 page its a scaling issue and one on the login page

Screen.Recording.2025-07-05.at.8.44.09.PM.mov

I have changed other backgrounds also.

Hey thanks for looking out can u perhaps open a new issue for the same. and raise a PR

[Zapper9982]

@ShirshenduR do resolve the merge conflicts too

[ShirshenduR]

@Zapper9982 I have opened the issue and resolved the merge conflicts in this PR. Please assign me the issue and add the labels to this PR.

[ShirshenduR]

@Om-Thorat @Zapper9982 please add labels to this pr