fix #7 Loader

[Rakshat28]

added a custom Loader component.
Fixes #7

[Ayush0316]

1. Always attach screenshots whenever you implement anything related to the UI.
2. If you import a new package, make sure to push your package.json file as well.
3. Some imports are missing (e.g., motion).
4. The loader UI is not as per the expectations — I don't want just a simple spinning wheel.
   You can refer to this article for help. https://dev.to/j471n/glassmorphism-loading-animation-4n2m
   Just don't copy the same

[Rakshat28]

Updates :

Implementation examples :

Pulse Loader -

pulseLoader.mp4

Glass Morph Loader -

glassmorphloader.mp4

Dot Loader -

dotloader.mp4

Closes : #7

[Ayush0316]

Pull in the latest main branch. The color palette and some animations you might need are already defined there — please use them instead of creating your own.

[Rakshat28]

used the utility function from utils/utils, tried to add a text feature to the Loader but did not found it visually pleasing so removed it. Resolved merge conflicts.

[Ayush0316]

1. The variant pulse is only returning an empty div, which is not visible on the screen. (Also, it doesn't look that great in the video, so let's just stick with only two types: dots and Glassmorphic.)
2. The default / Glassmorphic loader is only showing a single circle. Increase the blurriness of the other circle so that it's properly visible and moving.
3. The util.js file is in the utils folder, not the lib folder. Please pull the latest changes from the main branch.
4. In fullscreen mode, the background is too blurred — reduce the blur slightly.

[Rakshat28]

Glassmorph Loader :

Reduced the background blur from backdrop-blur-sm to backdrop-blur-[2px]

[Ayush0316]

This is how your loader is showing when I tried to use it. Chech why it is not animating properly