refactor, added slate, added editor, added book

app/client/components/WorkingListSearch.tsx

@@ -1,34 +0,0 @@
-import { Button, Icon, Input, InputGroup, Stack } from '@chakra-ui/react';
-import { useState } from 'react';
-
-export function WorkingListSearch({ onSubmit }: { onSubmit: (value: string) => void }) {
-  const [searchValue, setSearchValue] = useState<string>('');
-  return (
-    <form
-      onSubmit={event => {
-        event.preventDefault();
-        onSubmit(searchValue);
-      }}
-    >
-      <Stack direction="row">
-        <InputGroup
-          flex="1"
-          startElement={
-            <Icon color="colorPalette.500">
-              <i className="nf nf-oct-search" />
-            </Icon>
-          }
-        >
-          <Input
-            value={searchValue}
-            onChange={event => setSearchValue(event.currentTarget.value)}
-            placeholder="Search works..."
-          />
-        </InputGroup>
-        <Button type="submit" border="none">
-          Refresh
-        </Button>
-      </Stack>
-    </form>
-  );
-}