updated to Svelte 4

ui/src/components/collections/schema/SchemaField.svelte

@@ -119,7 +119,7 @@
     class:required={field.required}
     class:expanded={interactive && showOptions}
     class:deleted={field.toDelete}
-    transition:slide|local={{ duration: 150 }}
+    transition:slide={{ duration: 150 }}
 >
     <div class="schema-field-header">
         {#if interactive}
@@ -197,7 +197,7 @@
     </div>
 
     {#if interactive && showOptions}
-        <div class="schema-field-options" transition:slide|local={{ duration: 150 }}>
+        <div class="schema-field-options" transition:slide={{ duration: 150 }}>
             <div class="hidden-empty m-b-sm">
                 <slot name="options" {interactive} {hasErrors} />
             </div>

ui/src/components/collections/schema/SchemaFieldJson.svelte

@@ -26,7 +26,7 @@
         </button>
 
         {#if showInfo}
-            <div class="block" transition:slide|local={{ duration: 150 }}>
+            <div class="block" transition:slide={{ duration: 150 }}>
                 <div class="alert alert-warning m-b-0 m-t-10">
                     <div class="content">
                         In order to support seamlessly both <code>application/json</code> and