tidy up ✨

packages/standard-components/src/DataTable.svelte

@@ -86,8 +86,8 @@
             {header}
             {#if sort.column === header}
               <svelte:component
-                style="height: 1em;"
-                this={sort.direction === 'asc' ? ArrowDown : ArrowUp} />
+                this={sort.direction === 'asc' ? ArrowDown : ArrowUp}
+                style="height: 1em;" />
             {/if}
           </span>
         </th>
@@ -156,10 +156,6 @@
       display: block;
     }
 
-    th {
-      cursor: pointer;
-    }
-
     /* Hide table headers (but not display: none;, for accessibility) */
     thead tr {
       position: absolute;

packages/standard-components/src/icons/ArrowDown.svelte

@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18"><path fill="none" d="M0 0h24v24H0z"/><path d="M13 16.172l5.364-5.364 1.414 1.414L12 20l-7.778-7.778 1.414-1.414L11 16.172V4h2v12.172z"/></svg>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  width="18"
+  height="18">
+  <path fill="none" d="M0 0h24v24H0z" />
+  <path
+    d="M13 16.172l5.364-5.364 1.414 1.414L12 20l-7.778-7.778 1.414-1.414L11
+    16.172V4h2v12.172z" />
+</svg>