add dedicated code to call work with the search of events

src/components/SearchBar/SearchBar.jsx

@@ -1,16 +1,19 @@
 import styles from "./SearchBar.module.css"
 
-function SearchBar() {
-
-
+function SearchBar({ searchQuery, setSearchQuery}) {
     return (
         <div className={`${styles.searchBarContainer} glassCard`}>
-            <form className={styles.searchBarForm} action="" method="POST">
+            <form className={styles.searchBarForm} onSubmit={(event) => event.preventDefault()}>
                 <svg xmlns="http://www.w3.org/2000/svg" width="24px" viewBox="0 -960 960 960" fill="#currentColor">
                     <path
                         d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/>
                 </svg>
-                <input type="text" placeholder="Rechercher un événement"/>
+                <input
+                    type="text"
+                    placeholder="Rechercher un événement"
+                    value={searchQuery}
+                    onChange={(event) => setSearchQuery(event.target.value)}
+                />
             </form>
         </div>
     );