feat: improve SearcherBar layout and error handling visibility

Author: ErwanDecoster

src/components/ui/select.tsx

@@ -41,7 +41,7 @@ function SelectTrigger({
     >
       {children}
       <SelectPrimitive.Icon asChild>
-        <ChevronDownIcon className="size-4" />
+        <ChevronDownIcon className="text-foreground size-4" />
       </SelectPrimitive.Icon>
     </SelectPrimitive.Trigger>
   );

src/modules/search/SearcherBar.tsx

@@ -174,8 +174,13 @@ export function SearcherBar({
         />
       </div>
 
-      <div className={cn('mt-4 flex justify-center gap-4', isError && 'mt-10')}>
-        <div className="flex justify-center sm:hidden">
+      <div
+        className={cn(
+          'mt-4 flex justify-center gap-4 sm:hidden',
+          isError && 'mt-10'
+        )}
+      >
+        <div className="flex justify-center">
           <Button variant="outline" onClick={handleSearch} disabled={isPending}>
             {isPending ? 'Searching...' : 'Search'}
           </Button>