Add preloader on main and ludsocials directory

[KendallDoesCoding]

🛠️ Fixes Issue

Related Issue/Addition to code

• I think a preloader is needed as sometimes the background glitches and takes a long time to load, also the bug as discussed, that the songs don't show for 1-2 seconds is resolved.

Although, the issue with this is that users may not like being on the load screen/it may make users go away from the site.

👨‍💻 Changes proposed

• add preloader in the main and ludsocials directory

Type of change

• New feature (non-breaking change which adds functionality)

📄 Note to reviewers

What do you think about this @TechStudent11?

[netlify]

✅ Deploy Preview for mogulchristmas ready!

Name	Link
🔨 Latest commit	7ccac3a
🔍 Latest deploy log	https://app.netlify.com/sites/mogulchristmas/deploys/625c6737f76aed00096850dc
😎 Deploy Preview	https://deploy-preview-284--mogulchristmas.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 site settings.

[TechStudent10]

Hm? I do not get the point of this.

[KendallDoesCoding]

Hm? I do not get the point of this.

This is basically to load the full site and then after the animation goes the site fully loaded shows, otherwise depending on your internet connection it takes ages to load the site.

[TechStudent10]

Ah okay

[TechStudent10]

I would add a fade instead of cutting directly to the site.

[KendallDoesCoding]

I would add a fade instead of cutting directly to the site.

Good idea, I need to learn how to do this lol.

[KendallDoesCoding]

On second thought, a preloader isn't needed for NOW.