[Feature]: Add Loader/Spinner Components

[04shubham7]

So, what is it about?

Show an animated loader/spinner while waiting for API or signaling responses.

Code of Conduct

• I agree to follow this project's Code of Conduct

[ADARSHsri2004]

@04shubham7 Please assign this issue to me.
I plan to implement reusable loader/spinner components to improve user experience during API calls and signaling operations.

Implementation Plan

Component Design: Create a customizable loader component (e.g., full-page spinner, inline loader, button-level loader) using lightweight CSS animations or a library like react-spinners.

Integration: Display loaders during API requests, signaling events, and other async operations using centralized loading state management (context or hook-based).

Consistency: Ensure uniform styling and responsiveness across all loaders to maintain a cohesive UI experience.

This will make the application feel smoother and provide clear feedback to users during background operations.

[SHIVA00202]

Implement a reusable and consistent loading system to enhance user experience during API requests and signaling operations.
This feature will display animated loaders/spinners to indicate background activity and improve perceived responsiveness.
Users currently experience a lack of feedback during API calls or asynchronous events. Introducing a loading indicator will make the application feel smoother, more interactive, and user-friendly.

1. Component Design
   Develop modular, reusable loader components:
   Full-page spinner, Inline loader, Button-level loader
2. Integration
   Display loaders during API requests, signaling events, and other async operations.
   Manage loading states centrally via React Context or custom hooks for cleaner state handling.

Approach to Fix

Implement reusable loader/spinner components to enhance user experience during API calls and async operations.
State Management: Use React Context or custom hooks to control global loading states (startLoading, stopLoading).
Integration: Show loaders during API requests or background processes, hiding them on completion.
Consistency: Maintain uniform design, responsiveness, and theme support across all loaders.
Testing: Ensure loaders appear/disappear correctly and improve perceived app performance.
This approach provides smooth feedback, improves UX, and keeps the UI consistent and responsive.
@04shubham7 I can fix this issue please assign it to me