add LanguageSwitcher component

src/components/LanguageSwitcher.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+import { Button } from '@/components/ui/button'
+
+const { locale } = useI18n()
+
+const toggleLanguage = () => {
+  locale.value = locale.value === 'en' ? 'es' : 'en'
+}
+
+const getLanguageLabel = () => {
+  return locale.value === 'en' ? '🇪🇸 ES' : '🇺🇸 EN'
+}
+</script>
+
+<template>
+  <Button variant="ghost" size="sm" @click="toggleLanguage" class="gap-1">
+    {{ getLanguageLabel() }}
+  </Button>
+</template> 

src/components/layout/Navbar.vue

@@ -2,6 +2,7 @@
 import { ref } from 'vue'
 import { Menu, X } from 'lucide-vue-next'
 import ThemeToggle from '@/components/ThemeToggle.vue'
+import LanguageSwitcher from '@/components/LanguageSwitcher.vue'
 
 const isOpen = ref(false)
 
@@ -43,7 +44,8 @@ const toggleMenu = () => {
         </div>
 
         <!-- Theme Toggle -->
-        <div class="flex items-center">
+        <div class="flex items-center gap-2">
+          <LanguageSwitcher />
           <ThemeToggle />
         </div>