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.