```
Enhance UI animations and mobile layout; update chat send icon
- Update chat send button icon to bi-arrow-right-circle
- Revamp floating circles animation with 10 configurable elements and complex movement
- Improve mobile layout (header alignment and full-height chat container)
- Increase login page animation visibility and continuity
- Remove message input focus outline for cleaner UI
```
The message summarizes key changes:
1. Icon update in chat interface
2. Major animation enhancements (both chat background and login page)
3. Mobile layout improvements
4. UX polish (focus state removal)
It maintains imperative mood, stays within line limits, and clearly connects changes to their purpose (improved visuals and responsiveness).
This commit overhauls the chat page UI for a cleaner, more modern aesthetic inspired by popular messaging apps.
Key changes include:
- Redesigned the chat header to display the user's name and role.
- Replaced the message input area with a WhatsApp-style layout.
- Added user avatars to received messages and a person icon to sent messages for clearer identification.
- Swapped custom SVG icons with Bootstrap Icons for consistency and easier maintenance.
- Removed the floating circles background animation from both the chat and login pages to reduce visual clutter and improve focus.
- Created login page with email/number toggle functionality
- Added input validation and phone number formatting
- Implemented background animation and responsive design
- Set up webhook integration for form submissions
