feat: Integrate chat feature into main navigation

- Add a "Chat" link to the main navigation for both desktop and mobile views.
- Include a message icon for visual identification and support for multiple languages (English, Spanish, French).
- Update documentation to reflect navigation integration and usage instructions for the chat feature.

src/components/layout/Navbar.vue

@@ -6,7 +6,7 @@ import { useTheme } from '@/components/theme-provider'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
-import { Sun, Moon, Menu, X, User, LogOut, Ticket, Wallet } from 'lucide-vue-next'
+import { Sun, Moon, Menu, X, User, LogOut, Ticket, Wallet, MessageSquare } from 'lucide-vue-next'
 import LanguageSwitcher from '@/components/LanguageSwitcher.vue'
 import LoginDialog from '@/components/auth/LoginDialog.vue'
 import ProfileDialog from '@/components/auth/ProfileDialog.vue'
@@ -31,6 +31,7 @@ const navigation = computed<NavigationItem[]>(() => [
   { name: t('nav.home'), href: '/' },
   { name: t('nav.events'), href: '/events' },
   { name: t('nav.market'), href: '/market' },
+  { name: t('nav.chat'), href: '/chat' },
 ])
 
 // Compute total wallet balance
@@ -90,6 +91,8 @@ const handleLogout = async () => {
             :class="{
               'text-foreground': $route.path === item.href
             }">
+            <!-- Chat icon -->
+            <MessageSquare v-if="item.href === '/chat'" class="h-4 w-4" />
             {{ item.name }}
             <!-- Market preloading indicator -->
             <div v-if="item.href === '/market' && marketPreloader.isPreloading" 
@@ -227,6 +230,8 @@ const handleLogout = async () => {
           :class="{
             'text-foreground': $route.path === item.href
           }" @click="isOpen = false">
+          <!-- Chat icon -->
+          <MessageSquare v-if="item.href === '/chat'" class="h-4 w-4" />
           {{ item.name }}
           <!-- Market preloading indicator -->
           <div v-if="item.href === '/market' && marketPreloader.isPreloading" 

src/i18n/locales/en.ts

@@ -8,6 +8,7 @@ const messages: LocaleMessages = {
     faq: 'FAQ',
     events: 'Events',
     market: 'Market',
+    chat: 'Chat',
     login: 'Login',
     logout: 'Logout'
   },

src/i18n/locales/es.ts

@@ -8,6 +8,7 @@ const messages: LocaleMessages = {
     faq: 'Preguntas Frecuentes',
     events: 'Eventos',
     market: 'Mercado',
+    chat: 'Chat',
     login: 'Iniciar Sesión',
     logout: 'Cerrar Sesión'
   },

src/i18n/locales/fr.ts

@@ -8,6 +8,7 @@ const messages: LocaleMessages = {
     faq: 'FAQ',
     events: 'Événements',
     market: 'Marché',
+    chat: 'Chat',
     login: 'Connexion',
     logout: 'Déconnexion'
   },

src/i18n/types.ts

@@ -6,6 +6,7 @@ export interface LocaleMessages {
     faq: string
     events: string
     market: string
+    chat: string
     login: string
     logout: string
   }