Update README with optimized demo GIF

[sujithatzackriya]

Enhanced README with Visual Documentation and Brand Assets

Overview

This PR enhances the project's README by adding visual documentation, brand assets, and improving the overall presentation of the project.

Changes Made

🎨 Visual Improvements

• Added project banner images and logos (8 optimized PNG files)
  • Main banner logo (400px width, optimized for web)
  • Additional brand assets for documentation
• Integrated project badges for:
  • Pre-release version (v0.0.2)
  • License (MIT)
  • Supported OS (macOS)
• Added a demo GIF showcasing the application's core functionality
• Added a link to the full demo video on YouTube

📝 Content Updates

• Streamlined the header section with focused navigation links
• Enhanced the project description for better clarity
• Updated feature list with status indicators (✅ for completed, 🚧 for in-progress)
• Reorganized the documentation structure

🛠 Technical Optimizations

• Added entries to .gitignore for proper media file handling
• Optimized all images for web:
  • Compressed PNG files (reduced from ~5-9MB to under 100KB each)
  • Optimized demo GIF for size and performance
  • Maintained image quality while reducing file sizes
• Ensured all assets are properly sized and formatted for GitHub

🧹 Cleanup

• Removed redundant installation instructions
• Streamlined contact information and links
• Improved overall document structure and formatting

Testing

• Verified all images and GIFs load correctly
• Confirmed all links are working
• Tested README rendering on GitHub
• Verified image quality after optimization

Screenshots

Before	After

Related Issues

• Improves documentation as requested in project roadmap
• Enhances user onboarding experience
• Establishes consistent brand identity

Technical Notes

• All images have been optimized for web viewing while maintaining quality
• Banner images are sized appropriately for GitHub display
• Total asset size reduced by over 90% through optimization