fix: country selection does not clear previous search term in country search field (#84)

* fix: clear search term on country select

* refactor: update onOpenChange handler to clear search value

---------

Co-authored-by: omeralpi <omeralpi@icloud.com>

Author: Jeffrin2005

components/ui/phone-input.tsx

@@ -90,7 +90,14 @@ const CountrySelect = ({
   const [isOpen, setIsOpen] = React.useState(false);
 
   return (
-    <Popover open={isOpen} onOpenChange={setIsOpen} modal>
+    <Popover
+      open={isOpen}
+      modal
+      onOpenChange={(open) => {
+        setIsOpen(open);
+        !open && setSearchValue("");
+      }}
+    >
       <PopoverTrigger asChild>
         <Button
           type="button"

content/snippets/phone-input.mdx

@@ -96,7 +96,14 @@ const CountrySelect = ({
   const [isOpen, setIsOpen] = React.useState(false);
 
   return (
-    <Popover open={isOpen} onOpenChange={setIsOpen} modal>
+    <Popover
+      open={isOpen}
+      modal
+      onOpenChange={(open) => {
+        setIsOpen(open);
+        !open && setSearchValue("");
+      }}
+    >
       <PopoverTrigger asChild>
         <Button
           type="button"