Replace as we type

frontend/src/components/manage/PanelCreationForm.svelte

@@ -119,6 +119,7 @@
                             {#if !data.use_server_default_naming_scheme}
                                 <Input label="Naming Scheme"
                                        bind:value={data.naming_scheme}
+                                       on:input={handleNamingSchemeChange}
                                        placeholder="ticket-%id%"
                                        tooltipText="Click here for the full placeholder list"
                                        tooltipLink="https://docs.ticketsbot.net" />
@@ -240,6 +241,10 @@
         };
     }
 
+    function handleNamingSchemeChange() {
+        data.naming_scheme = data.naming_scheme.replaceAll(' ', '-');
+    }
+
     function updateColour() {
         data.colour = colourToInt(tempColour);
     }