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.

Comienza revisando ChatModal.js y Message.js y, a continuación, identifica otras áreas de la interfaz en las que las transiciones podrían mejorar la respuesta visual. Usa la dependencia existente framer-motion para animaciones sencillas de fade-in o slide-in. Se considera terminado cuando las interacciones seleccionadas se sienten fluidas y no bruscas, sin afectar negativamente al rendimiento.

Escrito por el modelo de indexación a partir del texto del issue.