web: updated api endpoint & params, default instance override

- dialogs can be undismissable now (impossible to click away by pressing the bg behind it)
- added security warning about api override
- moved default api url to env
- added new processing settings page

web/src/components/dialog/DialogContainer.svelte

@@ -5,6 +5,7 @@
     import DialogBackdropClose from "$components/dialog/DialogBackdropClose.svelte";
 
     export let id: string;
+    export let dismissable = true;
 
     let dialogParent: HTMLDialogElement;
 
@@ -32,5 +33,5 @@
 
 <dialog id="dialog-{id}" bind:this={dialogParent} class:closing class:open>
     <slot></slot>
-    <DialogBackdropClose closeFunc={close} />
+    <DialogBackdropClose closeFunc={dismissable ? close : () => {}} />
 </dialog>

web/src/components/dialog/PickerDialog.svelte

@@ -16,6 +16,7 @@
     export let id: string;
     export let items: Optional<DialogPickerItem[]> = undefined;
     export let buttons: Optional<DialogButton[]> = undefined;
+    export let dismissable = true;
 
     let dialogDescription = "dialog.picker.description.";
 
@@ -30,7 +31,7 @@
     let close: () => void;
 </script>
 
-<DialogContainer {id} bind:close>
+<DialogContainer {id} {dismissable} bind:close>
     <div
         class="dialog-body picker-dialog"
         class:three-columns={items && items.length <= 3}

web/src/components/dialog/SavingDialog.svelte

@@ -19,6 +19,7 @@
     export let id: string;
     export let url: string;
     export let bodyText: string = "";
+    export let dismissable = true;
 
     let close: () => void;
 
@@ -31,7 +32,7 @@
     }
 </script>
 
-<DialogContainer {id} bind:close>
+<DialogContainer {id} {dismissable} bind:close>
     <div class="dialog-body popup-body">
         <div class="meowbalt-container">
             <Meowbalt emotion="question" />

web/src/components/dialog/SmallDialog.svelte

@@ -17,11 +17,12 @@
     export let bodyText = "";
     export let bodySubText = "";
     export let buttons: Optional<DialogButton[]> = undefined;
+    export let dismissable = true;
 
     let close: () => void;
 </script>
 
-<DialogContainer {id} bind:close>
+<DialogContainer {id} {dismissable} bind:close>
     <div class="dialog-body small-dialog" class:meowbalt-visible={meowbalt}>
         {#if meowbalt}
             <div class="meowbalt-container">