Improve UI Smoothness and Animations

* **What:** Enhance the user interface by adding smooth transitions and animations.

* **Why:** A smoother UI feels more modern and professional. Animations can provide valuable feedback to the user and make the application more enjoyable to use.

* **How:**
1. The project uses `framer-motion`, which is already a dependency. You can use it to add animations to components.
2. Identify areas where animations could improve the user experience. For example, when opening a modal, switching between chat rooms, or when new messages appear.
3. You can start with simple fade-in or slide-in animations for components. The `ChatModal.js` or the `Message.js` components would be good places to start.
4. Ensure that the animations are not jarring and do not negatively impact performance.

Beginne mit der Überprüfung von ChatModal.js und Message.js und ermittle anschließend weitere Bereiche der Benutzeroberfläche, in denen Übergänge das Feedback verbessern könnten. Verwende die vorhandene framer-motion-Abhängigkeit für einfache Fade-in- oder Slide-in-Animationen. Als abgeschlossen gilt die Aufgabe, wenn sich die ausgewählten Interaktionen flüssig und nicht ruckartig anfühlen, ohne die Leistung negativ zu beeinflussen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.