migration to Svelte 5

ui/src/lib/components/ActionList.svelte

@@ -9,12 +9,9 @@
 
  import { actions } from '$lib/stores/actions';
 
- export let flush = false;
+ let { flush = false, class: className = '' } = $props();
 
- export { className as class };
- let className = '';
-
- let refreshInProgress = false;
+ let refreshInProgress = $state(false);
  function refresh_actions() {
      refreshInProgress = true;
      actions.refresh().then(() => {
@@ -29,13 +26,12 @@
     </h2>
     <div>
         {#if !flush}
-            <Button
+            <a
                 href="routines/actions"
-                color="outline-info"
-                size="sm"
+                class="btn btn-sm btn-outline-info"
             >
                 <Icon name="pencil" />
-            </Button>
+            </a>
         {/if}
         <Button
             color="outline-dark"