Overhaul relay settings page

src/lib/components/Collapse.svelte

@@ -1,36 +0,0 @@
-<script lang="ts">
-  import {slide} from "@lib/transition"
-  import AltArrowDown from "@assets/icons/alt-arrow-down.svg?dataurl"
-  import Icon from "@lib/components/Icon.svelte"
-  interface Props {
-    title?: import("svelte").Snippet
-    description?: import("svelte").Snippet
-    children?: import("svelte").Snippet
-    [key: string]: any
-  }
-
-  const {...props}: Props = $props()
-
-  const toggle = () => {
-    isOpen = !isOpen
-  }
-
-  let isOpen = $state(false)
-</script>
-
-<div class="relative flex flex-col gap-4 {props.class}">
-  <button
-    type="button"
-    class="absolute right-8 top-8 h-4 w-4 cursor-pointer transition-all"
-    class:rotate-90={!isOpen}
-    onclick={toggle}>
-    <Icon icon={AltArrowDown} />
-  </button>
-  {@render props.title?.()}
-  {@render props.description?.()}
-  {#if isOpen}
-    <div transition:slide>
-      {@render props.children?.()}
-    </div>
-  {/if}
-</div>