Implement Loaders and Chakra UI Toasts for Image Retrieval and Upload/Download

[AshhubAli]

This issue focuses on enhancing the user experience in the frontend by implementing loaders/skeletons during image retrieval and utilizing Chakra UI toasts for uploading and downloading images. These enhancements aim to provide visual feedback to users during image-related operations, improving usability and interaction within the application.

Problem Statement:

1. Lack of Visual Feedback: Users experience a lack of feedback during image retrieval, resulting in perceived delays or unresponsiveness.
2. Limited User Guidance: Uploading or downloading images lacks informative prompts or notifications, leading to a lack of clarity regarding the status of these operations.

Key Objectives:

1. Loader/Skeleton Implementation: Integrate loaders/skeletons within the frontend interface during image retrieval to provide visual cues and mitigate perceived delays.
2. Chakra UI Toasts Integration: Utilize Chakra UI toast notifications for informative prompts during image upload and download processes, offering clear status updates to users.
3. Enhanced User Interaction: Improve user engagement and satisfaction by providing visual feedback and clear notifications during image-related activities.

Expected Outcomes:

• Improved user experience through the implementation of loaders/skeletons during image retrieval, reducing perceived latency.
• Enhanced clarity and user guidance with Chakra UI toasts, ensuring users are informed about image upload/download statuses.
• Increased user satisfaction and engagement due to a more interactive and responsive frontend.

Additional Considerations:

• Design considerations for loaders/skeletons to ensure they align with the overall user interface and maintain consistency.
• Comprehensive documentation for developers on integrating and customizing loaders/skeletons and Chakra UI toasts within the frontend.
• Testing across different scenarios to validate the effectiveness and responsiveness of the implemented visual feedback mechanisms.