Update color palette and improve UI aesthetics

- Apply new teal-based color palette (#009688, #00796B, #B2DFDB)
- Update secondary color to accent yellow (#FFC107)
- Replace Material-UI loading states with proper animations and skeletons
- Remove ugly gradient background, replace with clean white
- Update all gradients to use new color scheme
- Improve text colors for better readability (#212121, #757575)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

components/chat/floating-chat.tsx

@@ -167,9 +167,9 @@ export default function FloatingChat() {
             bottom: 24,
             right: 24,
             zIndex: 1000,
-            background: 'linear-gradient(45deg, #2C5F6B 30%, #8B7355 90%)',
+            background: 'linear-gradient(45deg, #009688 30%, #00796B 90%)',
             '&:hover': {
-              background: 'linear-gradient(45deg, #1e4148 30%, #6d5a43 90%)',
+              background: 'linear-gradient(45deg, #00695C 30%, #004D40 90%)',
             }
           }}
         >
@@ -199,7 +199,7 @@ export default function FloatingChat() {
           <Box
             sx={{
               p: 2,
-              background: 'linear-gradient(45deg, #2C5F6B 30%, #8B7355 90%)',
+              background: 'linear-gradient(45deg, #009688 30%, #00796B 90%)',
               color: 'white',
               display: 'flex',
               alignItems: 'center',
@@ -412,7 +412,7 @@ export default function FloatingChat() {
                       minWidth: 'auto',
                       px: 2,
                       borderRadius: 2,
-                      background: 'linear-gradient(45deg, #2C5F6B 30%, #8B7355 90%)',
+                      background: 'linear-gradient(45deg, #009688 30%, #00796B 90%)',
                     }}
                   >
                     <Send fontSize="small" />