feat: added search bar state, todo notes

frontend/src/components/SearchPage.tsx

@@ -46,13 +46,15 @@ const resultsExample: MovieIO[] = [
 //for searching movies
 export const SearchPage = () => {
   const [pressed, setPressed] = useState(false);
+  const [searchValue, setSearch] = useState('');
 
   //function that happens when search button is pressed
   const onSearch = (value: string) => {
-    console.log(value);
+    console.log(searchValue); // just debug tool
     setPressed(true);
-  }; // API request search goes here
+  }; // API request search goes here - request search with value inside variable "searchValue"
 
+  //columns stays the same
   const columns = [
     {
       title: "Name",
@@ -92,6 +94,7 @@ export const SearchPage = () => {
           allowClear
           enterButton="Search"
           size="large"
+          onChange={(e) => setSearch(e.target.value)}
           onSearch={onSearch}
           width="400 px"
         />