🐞[Bug]: Fix Preloader Visibility Issues

[AsmitaMishra24]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

The current implementation of the preloader has several issues that need to be addressed to ensure a smoother and more user-friendly experience. Specifically, the following elements are visible or behave incorrectly while the preloader is active:

1. Navbar Visibility: The navbar is visible while the preloader is loading.
2. Scrollbar Visibility: The scrollbar is present during the preloader loading phase.
3. Back to Top Button Visibility: The "Back to Top" button is visible and active during the preloader phase.
4. Content Visibility: The main content is visible while the preloader is still loading.

Expected behavior

1. The navbar should be hidden until the preloader finishes loading.
2. The scrollbar should be hidden until the preloader finishes loading.
3. The "Back to Top" button should be hidden and inactive during the preloader phase.
4. The main content should be hidden until the preloader finishes loading.

Add ScreenShots

What browsers are you seeing the problem on?

No response

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I have starred the repository

[github-actions]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[github-actions]

This issue has been marked as stale because it has been inactive for more than 7 days. It will be closed if no further activity occurs in the next 10 days. Please update if you want to keep it open.