Art request: New animated loaders

### Description

Centralizing the loading state presents an opportunity to replace our existing loaders. Currently, Lottie animations do not synergize well with Vue; both Lottie and Vue transitions attempt to manipulate the DOM simultaneously, whereas Vue should be the sole authority for DOM interactions.

Furthermore, the existing loading animations, specifically the "pending" loader, no longer comply with the application's current styling direction.

We require new loading animations for the following use cases:
- Global App Loader: To replace the existing "pending" animation.
- Drawer/Modal Loader: To overlay modals and side drawers during data fetching.
- Component Loader: A versatile overlay for any individual UI component.

Refer to the parent task for references.

### Epic/Story

_No response_

### Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate