css and some nav

client/src/routes/search.tsx

@@ -31,9 +31,9 @@ const User = () => {
         <div class={'home'}>
             <form action="" method="get" class="form-example">
                 <label for="artist">Artist: </label>
-                <input type="text" name="artist" id="artist" value={artist} required />
+                <input type="text" name="artist" id="artist" value={artist} onChange={e => setArtist(e.target.value) } required />
                 <label for="title">Title: </label>
-                <input type="text" name="title" id="title" value={title} required />
+                <input type="text" name="title" id="title" value={title} onChange={e => setTitle(e.target.value)} required />
                 <input type="submit" value="Search" onClick={handleSubmit} />
             </form>
             <div>