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>

app/[locale]/chat/page.tsx

@@ -16,6 +16,8 @@ import {
   IconButton,
   Divider,
   useTheme,
+  CircularProgress,
+  Skeleton,
 } from '@mui/material'
 import {
   Chat,
@@ -27,7 +29,6 @@ import {
   ThumbDown,
   Refresh,
 } from '@mui/icons-material'
-import { Navigation } from '@/components/layout/navigation'
 import { useState, useRef, useEffect } from 'react'
 
 interface ChatMessage {
@@ -134,7 +135,6 @@ export default function ChatPage() {
 
   return (
     <Box>
-      <Navigation />
 
       <Container maxWidth="lg" sx={{ py: 4 }}>
         {/* Header */}
@@ -281,9 +281,12 @@ export default function ChatPage() {
                         <SmartToy />
                       </Avatar>
                       <Paper elevation={1} sx={{ p: 2, borderRadius: 2 }}>
-                        <Typography variant="body1">
-                          Scriu răspunsul...
-                        </Typography>
+                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                          <CircularProgress size={16} />
+                          <Typography variant="body1">
+                            Scriu răspunsul...
+                          </Typography>
+                        </Box>
                       </Paper>
                     </Box>
                   </Box>