[HACKTOBERFEST] Improve Chat Interface

Improve Chat Interface

## 🎯 Objective
The chat interface can be more modern, responsive, and have better UX.

## 📋 Tasks
- [ ] Add auto-scroll for new messages
- [ ] Improve message entry animations
- [ ] Add "User is typing..." indicator
- [ ] Improve mobile responsiveness
- [ ] Add notification sound for new messages
- [ ] Improve contrast and accessibility

## 🎨 Files to Modify
- `app/static/styles.css` (visual improvements)
- `app/static/script.js` (functionalities)
- `app/templates/index.html` (structure)

## 🧪 How to Test
1. Test on desktop and mobile
2. Verify smooth animations
3. Test with multiple users
4. Check accessibility

## 📚 Useful Resources
- [CSS Animations](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations)
- [Responsive Design](https://web.dev/responsive-web-design-basics/)

## 🤝 Need Help?
Open a discussion or mention @andrgab