[feature] HTML table for Hasura query with pagination, order by and filter

[jozef-slezak]

Display graphql query result in HTML table and modify history with URL query parameters (useful for navigation).

Pagination:

• limit, offset is suitable (no need to use cursors for now)
• should be reusable on different pages

URL query parameters:

• Replace browser history with URL query parameters.
• URL query parameters should contain: pagination, order by, filter.
• should be reusable on different pages

Column Order by:

• if possible use svelte use directive (https://svelte.dev/examples#actions) for each <th/>
• inspire by https://smelte.netlify.com/components/data-tables

Multichoice inspiration:

• https://smelte.netlify.com/components/selects
• https://github.com/mdauner/sveltejs-forms/blob/master/src/components/Choice.svelte

Filter should contain multiple optinal inputs:

• multichoice [array of IDs] ... where in array
• like %full text% name note https://docs.hasura.io/1.0/graphql/manual/queries/custom-functions.html#example-text-search-functions
• AND between all filter form inputs
• begin <= date <= end
• <input type="date"/>
• min <= number <= max
• <input type="number"/>

Acceptation criteria:

• improve existing code src/pages/Search.svelte
• test with Hasura (do not use mocks) https://dev-svelte-hasura.herokuapp.com/console - use tables orders and order_states
• UX like this: