i18n 적용

src/features/i18n/LocaleSwitcher.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import { useAppLocale, useLocaleActions } from "./LocaleProvider";
+import type { AppLocale } from "./locale";
+
+export function LocaleSwitcher() {
+  const locale = useAppLocale();
+  const { setLocale } = useLocaleActions();
+
+  const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
+    const nextLocale = event.target.value as AppLocale;
+    setLocale(nextLocale);
+  };
+
+  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>
+    </div>
+  );
+}