Migrate more stuff

src/lib/components/Field.svelte

@@ -1,13 +1,24 @@
-<div class="flex flex-col gap-2 {$$props.class}">
-  {#if $$slots.label}
+<script lang="ts">
+  interface Props {
+    label?: import("svelte").Snippet
+    input?: import("svelte").Snippet
+    info?: import("svelte").Snippet
+    [key: string]: any
+  }
+
+  let {...props}: Props = $props()
+</script>
+
+<div class="flex flex-col gap-2 {props.class}">
+  {#if props.label}
     <label class="flex items-center gap-2 font-bold">
-      <slot name="label" />
+      {@render props.label?.()}
     </label>
   {/if}
-  <slot name="input" />
-  {#if $$slots.info}
+  {@render props.input?.()}
+  {#if props.info}
     <p class="text-sm">
-      <slot name="info" />
+      {@render props.info?.()}
     </p>
   {/if}
 </div>