fix(i18n): fix curly quotes in Home.vue and remove unused dark theme from LanguageSwitcher

frontend/src/components/LanguageSwitcher.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="language-switcher" :class="{ dark: dark }" ref="switcherRef">
+  <div class="language-switcher" ref="switcherRef">
     <button class="switcher-trigger" @click="toggleDropdown">
       {{ currentLabel }}
       <span class="caret">{{ open ? '▲' : '▼' }}</span>
@@ -23,13 +23,6 @@ import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { availableLocales } from '@/i18n/index.js'
 
-const props = defineProps({
-  dark: {
-    type: Boolean,
-    default: false
-  }
-})
-
 const { locale } = useI18n()
 const open = ref(false)
 const switcherRef = ref(null)
@@ -127,27 +120,5 @@ onUnmounted(() => {
   color: var(--orange, #FF4500);
 }
 
-/* Dark theme (for dark navbar backgrounds) */
-.dark .switcher-trigger {
-  color: var(--white, #FFFFFF);
-  border-color: rgba(255, 255, 255, 0.3);
-}
 
-.dark .switcher-trigger:hover {
-  border-color: rgba(255, 255, 255, 0.6);
-}
-
-.dark .switcher-dropdown {
-  background: var(--black, #000000);
-  border-color: rgba(255, 255, 255, 0.2);
-  box-shadow: none;
-}
-
-.dark .switcher-option {
-  color: var(--white, #FFFFFF);
-}
-
-.dark .switcher-option:hover {
-  background: rgba(255, 255, 255, 0.1);
-}
 </style>

frontend/src/views/Home.vue

@@ -4,7 +4,7 @@
     <nav class="navbar">
       <div class="nav-brand">MIROFISH</div>
       <div class="nav-links">
-        <LanguageSwitcher dark />
+        <LanguageSwitcher />
         <a href="https://github.com/666ghj/MiroFish" target="_blank" class="github-link">
           {{ $t('nav.visitGithub') }} <span class="arrow">↗</span>
         </a>
@@ -25,16 +25,16 @@
             <span class="gradient-text">{{ $t('home.heroTitle2') }}</span>
           </h1>
           
-          <div class=”hero-desc”>
+          <div class="hero-desc">
             <p>
-              <i18n-t keypath=”home.heroDesc” tag=”span”>
-                <template #brand><span class=”highlight-bold”>{{ $t('home.heroDescBrand') }}</span></template>
-                <template #agentScale><span class=”highlight-orange”>{{ $t('home.heroDescAgentScale') }}</span></template>
-                <template #optimalSolution><span class=”highlight-code”>{{ $t('home.heroDescOptimalSolution') }}</span></template>
+              <i18n-t keypath="home.heroDesc" tag="span">
+                <template #brand><span class="highlight-bold">{{ $t('home.heroDescBrand') }}</span></template>
+                <template #agentScale><span class="highlight-orange">{{ $t('home.heroDescAgentScale') }}</span></template>
+                <template #optimalSolution><span class="highlight-code">{{ $t('home.heroDescOptimalSolution') }}</span></template>
               </i18n-t>
             </p>
-            <p class=”slogan-text”>
-              {{ $t('home.slogan') }}<span class=”blinking-cursor”>_</span>
+            <p class="slogan-text">
+              {{ $t('home.slogan') }}<span class="blinking-cursor">_</span>
             </p>
           </div>