feat(app): enhance theme support and improve PWA integration

- Updated the app to support light and dark themes with appropriate CSS classes.
- Enhanced PWA configuration with manifest details and caching strategies.
- Improved the chat UI with dynamic theme adjustments for various components.
- Added new meta tags for better mobile web app experience.
- Refactored environment variables to include new Anthropic token.
- Updated package dependencies for better compatibility and performance.

Made-with: Cursor

packages/app/src/components/chat/ChatMessage.vue

@@ -8,12 +8,11 @@
       class="max-w-[85%] md:max-w-[70%] rounded-2xl px-4 py-3 transition-all duration-300"
       :class="bubbleClasses"
     >
-      <p class="text-sm leading-relaxed whitespace-pre-wrap break-words text-white/90">{{ message.content }}</p>
+      <p class="text-sm leading-relaxed whitespace-pre-wrap break-words"
+         :class="isDark ? 'text-white/90' : 'text-gray-800'">{{ message.content }}</p>
       <div class="flex items-center gap-2 mt-1.5">
-        <span class="text-[10px] text-white/30 select-none">{{ formattedTime }}</span>
-        <span v-if="isUser && message.status" class="text-[10px] text-white/20">
-          {{ message.status === 'sent' ? '✓' : message.status === 'delivered' ? '✓✓' : '' }}
-        </span>
+        <span class="text-[10px] select-none"
+              :class="isDark ? 'text-white/30' : 'text-gray-400'">{{ formattedTime }}</span>
       </div>
     </div>
   </div>
@@ -22,12 +21,14 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import type { Message } from '@aiui/core/types/message'
+import { useTheme } from '@/composables/useTheme'
 
 const props = defineProps<{
   message: Message
   index: number
 }>()
 
+const { isDark } = useTheme()
 const isUser = computed(() => props.message.role === 'user')
 
 const bubbleClasses = computed(() =>