Update components/language-switcher.tsx

components/language-switcher.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { useLanguage } from "@/context/language-provider";
+import { Button } from "@/components/ui/button";
+import { Languages } from "lucide-react";
+
+export function LanguageSwitcher() {
+  const { language, setLanguage } = useLanguage();
+
+  return (
+    <Button
+      variant="ghost"
+      size="sm"
+      className="flex items-center gap-2 px-2 h-9"
+      onClick={() => setLanguage(language === "en" ? "ar" : "en")}
+    >
+      <Languages className="w-4 h-4" />
+      <span className="text-sm font-medium">
+        {language === "en" ? "العربية" : "English"}
+      </span>
+    </Button>
+  );
+}