Make timeline axis sticky, move to paginationTable, better borders

package.json

@@ -109,12 +109,10 @@
     "mdast-util-to-hast": "^13.2.0",
     "monaco-editor": "^0.50.0",
     "remark-stringify": "^10.0.3",
-    "sanitize-html": "^2.12.1",
     "tailwind-merge": "^1.14.0",
     "unist-util-remove": "^4.0.0",
     "url-pattern": "^1.0.3",
-    "uuid": "^9.0.0",
-    "vis-timeline": "^7.7.3"
+    "uuid": "^9.0.0"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.9.0",

src/lib/components/event/event-details-full.svelte

@@ -25,14 +25,14 @@
       {selectedId}
       onGroupClick={handleGroupClick}
     />
-    <div class="block w-full bg-subtle lg:w-2/3">
+    <div class="block w-full lg:w-2/3">
       {#each eventDetails as [key, value] (key)}
         <EventDetailsRowExpanded {key} {value} {attributes} class="w-full" />
       {/each}
     </div>
   </div>
 {:else}
-  <div class="w-full bg-subtle">
+  <div class="w-full">
     {#each eventDetails as [key, value] (key)}
       <EventDetailsRowExpanded {key} {value} {attributes} class="w-full" />
     {/each}

src/lib/components/event/event-details-row-expanded.svelte

@@ -32,7 +32,7 @@
   $: stackTrace = getStackTrace(codeBlockValue);
 </script>
 
-<div class="row {$$props.class}">
+<div class="flex {$$props.class}">
   {#if typeof value === 'object'}
     <div
       class="content code-block-row"
@@ -166,10 +166,6 @@
 </div>
 
 <style lang="postcss">
-  .row {
-    @apply flex px-4 first:pt-0;
-  }
-
   .content {
     @apply block w-full border-b-2 border-slate-200 py-2 text-left;
   }
@@ -186,10 +182,6 @@
     @apply flex w-full items-center gap-4 py-2 text-left xl:flex;
   }
 
-  .row:last-of-type .content {
-    @apply border-b-0;
-  }
-
   .badge {
     @apply surface-subtle rounded-sm p-1;
   }