added resolvers, updated model, updated navbar

app/client/components/WorkingListSearch.tsx

@@ -1,19 +1,13 @@
 import { Button, Icon, Input, InputGroup, Stack } from '@chakra-ui/react';
+import { useState } from 'react';
 
-export function WorkingListSearch({
-  value,
-  onChange,
-  onSubmit
-}: {
-  value: string;
-  onChange: (value: string) => void;
-  onSubmit: (value: string) => void;
-}) {
+export function WorkingListSearch({ onSubmit }: { onSubmit: (value: string) => void }) {
+  const [searchValue, setSearchValue] = useState<string>('');
   return (
     <form
       onSubmit={event => {
         event.preventDefault();
-        onSubmit(value);
+        onSubmit(searchValue);
       }}
     >
       <Stack direction="row">
@@ -26,8 +20,8 @@ export function WorkingListSearch({
           }
         >
           <Input
-            value={value}
-            onChange={event => onChange(event.currentTarget.value)}
+            value={searchValue}
+            onChange={event => setSearchValue(event.currentTarget.value)}
             placeholder="Search works..."
           />
         </InputGroup>