feat: make summary table sortable, filtrable, with sticky header

packages/web/src/widgets/SummaryVariables.svelte

@@ -1,16 +1,28 @@
 <script lang="ts">
+  import { writable } from 'svelte/store';
   import TableControl from '../elements/TableControl.svelte';
   import JSONTree from '../jsontree/JSONTree.svelte';
   import { _t } from '../translations';
   export let variables: { variable: string; value: any }[] = [];
+
+  const filters = writable({});
 </script>
 
 <div>
   <TableControl
+    stickyHeader
     rows={variables}
+    {filters}
     columns={[
-      { header: _t('summaryVariables.variable', { defaultMessage: 'Variable' }), fieldName: 'variable' },
       {
+        sortable: true,
+        filterable: true,
+        header: _t('summaryVariables.variable', { defaultMessage: 'Variable' }),
+        fieldName: 'variable',
+      },
+      {
+        sortable: true,
+        filterable: true,
         header: _t('summaryVariables.value', { defaultMessage: 'Value' }),
         fieldName: 'value',
         slot: 0,