fe: add search icon for locations search (#119)

Author: atrincas

app/src/containers/locations/search.tsx

@@ -5,7 +5,7 @@ import { useEffect, useRef } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { CommandInput } from "cmdk";
 import { useAtom, useSetAtom } from "jotai";
-import { LucideXCircle } from "lucide-react";
+import { LucideXCircle, SearchIcon } from "lucide-react";
 import { useLocale, useTranslations } from "next-intl";
 import { LuMapPin, LuSearch } from "react-icons/lu";
 
@@ -141,6 +141,12 @@ export const LocationsSearch = () => {
         </button>
       )}
 
+      {!locations.enabled && (
+        <button type="button" className="cursor-pointer" onClick={() => inputRef.current?.focus()}>
+          <SearchIcon className="mr-4 h-6 w-6 text-current" />
+        </button>
+      )}
+
       {!locations.enabled && locationsIdData && locationsIdData?.type !== "global" && (
         <Tooltip>
           <TooltipTrigger asChild>