ci 오류 수정

src/features/i18n/LocaleSwitcher.tsx

@@ -7,24 +7,24 @@ export function LocaleSwitcher() {
   const locale = useAppLocale();
   const { setLocale } = useLocaleActions();
 
-  const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
-    const nextLocale = event.target.value as AppLocale;
+  const handleToggle = () => {
+    const nextLocale: AppLocale = locale === "en" ? "ko" : "en";
     setLocale(nextLocale);
   };
 
+  const labelText = locale === "en" ? "EN" : "KO";
+
   return (
     <div className="fixed bottom-4 right-4 z-50 text-xs">
-      <label className="inline-flex items-center gap-1 rounded border border-slate-300 bg-white/80 px-2 py-1 text-slate-700 shadow-sm backdrop-blur dark:border-slate-700 dark:bg-slate-900/80 dark:text-slate-100">
-        <span>Language</span>
-        <select
-          className="bg-transparent text-xs outline-none"
-          value={locale}
-          onChange={handleChange}
-        >
-          <option value="en">English</option>
-          <option value="ko">한국어</option>
-        </select>
-      </label>
+      <button
+        type="button"
+        aria-label="Toggle locale"
+        className="inline-flex items-center justify-center rounded-full border border-slate-300 bg-white/80 px-2 py-1 text-slate-700 shadow-sm backdrop-blur dark:border-slate-700 dark:bg-slate-900/80 dark:text-slate-100"
+        onClick={handleToggle}
+      >
+        {labelText}
+      </button>
     </div>
   );
 }
+