Add delay on federation

ui/src/lib/components/FederationSettings.svelte

@@ -2,8 +2,12 @@
  import { createEventDispatcher } from 'svelte';
 
  import {
+     Button,
      Col,
+     Icon,
      Input,
+     InputGroup,
+     InputGroupText,
      Row,
  } from '@sveltestrap/sveltestrap';
 
@@ -27,7 +31,7 @@
 
 {#if value}
 {#each Object.keys(value) as key}
-    <Row>
+    <Row class="mb-3">
         <Col>
             <Input
                 type="string"
@@ -37,12 +41,31 @@
             />
         </Col>
         <Col>
-            <Input
-                type="string"
-                placeholder="https://reveil.fr/"
-                bind:value={value[key].url}
-                on:change={() => dispatch("input")}
-            />
+            <InputGroup>
+                <Input
+                    type="string"
+                    placeholder="https://reveil.fr/"
+                    bind:value={value[key].url}
+                    on:change={() => dispatch("input")}
+                />
+                <Button
+                    href={value[key].url}
+                    target="_blank"
+                >
+                    <Icon name="globe" />
+                </Button>
+            </InputGroup>
+        </Col>
+        <Col>
+            <InputGroup>
+                <Input
+                    type="number"
+                    placeholder="60"
+                    bind:value={value[key].delay}
+                    on:change={() => dispatch("input")}
+                />
+                <InputGroupText>ms</InputGroupText>
+            </InputGroup>
         </Col>
     </Row>
 {/each}
@@ -65,4 +88,12 @@
             value=""
         />
     </Col>
+    <Col>
+        <Input
+            type="number"
+            placeholder="60"
+            disabled
+            value=""
+        />
+    </Col>
 </Row>