Implement Custom Lottie Animations and Enhance UI Components

[cheesea3]

This pull request introduces the integration of custom-designed Lottie 3D animations into our user cards and welcome screen, replacing the existing placeholders. It also includes enhancements to our UI components to improve interactivity and visual engagement. Here are the details of the changes:

Key Changes:

1. Custom Lottie Animations:

   • Replaced a placeholder animation with a new, custom Lottie animation for testing a more engaging and dynamic user experience.
   • Added animations for hover effects on user cards to enhance visual feedback and interactivity.

2. UI Enhancements:

   • Introduced a new styleType prop in the UserCard component to allow for primary and secondary style options, improving visual hierarchy and flexibility in design.
   • Adjusted hover states and added conditional rendering for titles and subtitles to improve readability and aesthetic appeal.

3. Code Refinement and Cleanup:

   • Refactored the UserCard and WelcomeScreen components to integrate the new animations and to clean up the codebase for better maintainability.
   • Updated CSS styles for the store navigation bar to enhance UI consistency across different platforms.

4. Accessibility and Performance Optimizations:

   • Ensured all new animations are optimized for performance to maintain fast load times.
   • Improved keyboard accessibility in the store navbar by adding proper tabIndex and keyboard interaction functionalities.

Testing and Validation:

• Conducted comprehensive testing on various devices to ensure the animations load properly and do not affect the overall performance.
• Validated UI changes for consistency in design and functionality across all major browsers and screen sizes.