improve table search and sort

this reimplements table searching and sorting from scratch inside sqlpage instead of using the (unmaintained and buggy) list.js library

this makes the sqlpage js smaller and faster to load

this improves table filtering speed

this fixes incorrect sorting when using markdown links

fixes #576

Author: lovasoa

CHANGELOG.md

@@ -14,6 +14,9 @@
   - **server-sent events** : the component can now be used to stream query results to the client in real-time using server-sent events.
  - The [csv](https://sql.datapage.app/component.sql?component=csv) component can now be used as a header component to trigger a download of the CSV file directly on page load. Just select the `csv` as a component without a shell before it, and the CSV will be efficiently streamed to the user''s browser. This finally allows efficiently serving large datasets as CSV.
  - In the shell component, the site title is no longer wrapped in a `<h1>` tag, which should help search engines better understand the content of the page, and potentially improve SEO.
+ - Improve table search and sort:
+  - sorting and searching should now be faster on large tables. Searching (filtering) is now especially fast, and should not take more than a few milliseconds even on tables with thousands of rows.
+  - sorting should now work correctly on markdown columns. Markdown links used to be sorted according to the link URL, which was not intuitive. Now, only the displayed text is used for sorting.
 
 ## 0.29.0 (2024-09-25)
  - New columns component: `columns`. Useful to display a comparison between items, or large key figures to an user.

examples/official-site/sqlpage/migrations/01_documentation.sql

@@ -708,9 +708,9 @@ INSERT INTO example(component, description, properties) VALUES
         '{"Forename": "Ophir", "Surname": "Lojkine", "Pseudonym": "lovasoa"},' ||
         '{"Forename": "Linus", "Surname": "Torvalds", "Pseudonym": "torvalds"}]')),
     ('table', 'A table that uses markdown to display links',
-        json('[{"component":"table", "markdown": "Documentation", "icon": "icon", "sort": true, "search": true}, '||
-        '{"icon": "table", "name": "Table", "description": "Displays SQL results as a searchable table.", "Documentation": "[docs](documentation.sql?component=table)", "_sqlpage_color": "red"},
-        {"icon": "timeline", "name": "Chart", "description": "Show graphs based on numeric data.", "Documentation": "[docs](documentation.sql?component=chart)"}
+        json('[{"component":"table", "markdown": "Name", "icon": "icon", "sort": true, "search": true}, '||
+        '{"icon": "table", "name": "[Table](?component=table)", "description": "Displays SQL results as a searchable table.", "_sqlpage_color": "red"},
+        {"icon": "timeline", "name": "[Chart](?component=chart)", "description": "Show graphs based on numeric data."}
         ]')),
     (
     'table',