[WIP] Enhance AI companion component usability and design features

[Copilot]

Thanks for asking me to work on this. I will get started on it and keep this PR's description up to date as I form a plan and make progress.

Original prompt

Enhance the AI companion component in the Heady repository with the following features to improve usability and design:

• Make the AI interface non-stationary: Allow the companion to be easily dragged and moved around the screen by the user for flexible positioning.
• Update the shape of the AI face interface to look more blocky and robotic, shifting away from a roundish design to a more angular, mechanical appearance.
• Implement a white, overly large, exaggerated rectangle area for the mouth, where the visual representations of sound (e.g., wave functions or images) emanate from during speaking.
• Set up the mouth area as a drag-and-drop zone for uploading data and various file types (e.g., images, documents, audio), making it convenient to provide content and context to the AI for faster advancement or interaction. Integrate file handling to process uploads (e.g., display previews or send to AI for analysis).
• Ensure these changes integrate seamlessly with the existing HeadyCompanion class (heady_companion.js), maintaining features like visual states, speech synthesis, wave-form animations, and customization options.
• Add necessary event listeners for drag-and-drop functionality, ensuring cross-browser compatibility and preventing default behaviors.
• Update any demo pages, integration examples, or documentation to showcase the new movable, blocky design and file upload capabilities.
• Test for responsiveness and performance, especially with file uploads and animations.

The goal is to create a more interactive, comforting, and dehumanized AI interface that enhances user convenience and fits the stylistic design philosophy.

This pull request was created from Copilot chat.

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.