fixed some bugs

components/layout/ui/LanguageSelector.tsx

@@ -43,17 +43,21 @@ export default function LanguageSelector() {
 
   return (
     <Select value={locale} onValueChange={handleLanguageChange}>
-      <SelectTrigger className="w-[70px] md:h-10! flex items-center justify-center rounded-lg border-gray-300">
+      <SelectTrigger className="w-[70px] h-10! flex items-center justify-center  border-gray-200 hover:border-gray-900 hover:bg-gray-50 transition-all duration-200 shadow-sm">
         <SelectValue>
           <FlagIcon locale={locale} />
         </SelectValue>
       </SelectTrigger>
-      <SelectContent>
+      <SelectContent className=" border-gray-200 shadow-lg">
         {LANGUAGES.map((language) => (
-          <SelectItem key={language.code} value={language.code}>
-            <div className="flex items-center gap-2">
+          <SelectItem
+            key={language.code}
+            value={language.code}
+            className="rounded-lg cursor-pointer hover:bg-gray-100 transition-colors"
+          >
+            <div className="flex items-center gap-3">
               <FlagIcon locale={language.code} />
-              <span>{language.name}</span>
+              <span className="font-medium">{language.name}</span>
             </div>
           </SelectItem>
         ))}
@@ -68,12 +72,12 @@ function FlagIcon({ locale }: { locale: string }) {
   if (!language) return null;
 
   return (
-    <div className="relative h-5 w-7">
+    <div className="relative h-5 w-7  overflow-hidden shadow-sm">
       <Image
         src={language.flag || "/placeholder.svg"}
         alt={language.name}
         fill
-        className="object-cover rounded"
+        className="object-cover"
       />
     </div>
   );