replacing site-local error display by global error display

frontend/src/routes/wiki/AddPage.svelte

@@ -1,12 +1,12 @@
 <script>
     import { useTinyRouter } from 'svelte-tiny-router';
     import { api }           from '../../urls.svelte';
+    import { error, yikes }  from '../../warn.svelte';
     import { t }             from '../../translations.svelte';
 
     import Markdown          from '../../Components/MarkdownEditor.svelte';
 
     let content = $state({source:null,rendered:null});
-    let error   = $state(null);
     let router  = useTinyRouter();
     let timer   = null;
     let title   = $state(null);
@@ -21,9 +21,10 @@
             body:content.source
         });
         if (res.ok){
+            yikes();
             router.navigate(`/wiki/${title}/view`);
         } else {
-            error = await res.text();
+            error(res);
         }
     }
 
@@ -40,10 +41,11 @@
         var res = await fetch(url,{credentials:'include'});
         const body = await res.text();
         if (res.ok){
-            error = body == 'true' ? null : t('title_not_available',{title:title})
+            if (body == 'true') {
+                yikes();
+            } else error(t('title_not_available',{title:title}));
         } else {
-            error = body;
-            if (!error) error = t('failed_to_check_availability');
+            error(body ? body : t('failed_to_check_availability'));
         }
     }
 
@@ -51,9 +53,6 @@
 </script>
 
 <h1>{t('create_new_object',{object:t('page')})}</h1>
-{#if error}
-<span class="error">{error}</span>
-{/if}
 <form {onsubmit}>
     <label>
         {t('Name')}

frontend/src/routes/wiki/GuestView.svelte

@@ -2,12 +2,11 @@
     import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
     import { api }           from '../../urls.svelte';
+    import { error, yikes }  from '../../warn.svelte';
     import { t }             from '../../translations.svelte';
 
     let { key } = $props();
 
-
-    let error = $state(null);
     let page = $state(null);
     let router = useTinyRouter();
 
@@ -15,10 +14,10 @@
         if (res.ok){
             page  = null;
             page  = await res.json();
-            error = null;
+            yikes();
             return true;
         } else {
-            error = await res.text();
+            error(res);
             return false;
         }
     }
@@ -38,9 +37,6 @@
 
     $effect(loadPage);
 </script>
-{#if error}
-<span class="error">{error}</span>
-{/if}
 {#if page}
 <div class="wiki page">
     <h2>{page.title}</h2>

frontend/src/routes/wiki/Index.svelte

@@ -1,10 +1,10 @@
 <script>
     import { onMount }  from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
-    import { api }      from '../../urls.svelte';
-    import { t }        from '../../translations.svelte';
+    import { api }           from '../../urls.svelte';
+    import { error, yikes }  from '../../warn.svelte';
+    import { t }             from '../../translations.svelte';
 
-    let error      = $state(null);
     let lastLetter = null;
     let pages      = $state(null);
     let router     = useTinyRouter();
@@ -21,17 +21,15 @@
         const res = await fetch(url,{credentials:'include'});
         if (res.ok){
             pages = await res.json();
+            yikes();
         } else {
-            error = await res.text();
+            error(res);
         }
     }
 
     onMount(loadPageList);
 </script>
 
-{#if error}
-<span class="error">{error}</span>
-{/if}
 <h1>{t('wiki')}</h1>
 <button onclick={() => router.navigate('/wiki/add')}><span class="symbol"></span> {t('create_new_object',{object:t('page')})}</button>
 

frontend/src/routes/wiki/View.svelte

@@ -2,6 +2,7 @@
     import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
     import { api }           from '../../urls.svelte';
+    import { error, yikes }  from '../../warn.svelte';
     import { t }             from '../../translations.svelte';
     import { user }          from '../../user.svelte';
 
@@ -12,7 +13,6 @@
     import TagList           from '../tags/TagList.svelte';
 
     let detail = $state(false);
-    let error = $state(null);
     let { key, version } = $props();
     let page = $state(null);
     let router = useTinyRouter();
@@ -45,8 +45,9 @@
         if (res.ok){
             let json = await res.json();
             router.navigate(`/wiki/${page.id}/view`);
+            yikes();
         } else {
-            error = await res.text();
+            error(res);
         }
     }
 
@@ -74,10 +75,10 @@
             page  = null;
             page  = await res.json();
             page.versions.sort((a,b)=>b-a);
-            error = null;
+            yikes();
             return true;
         } else {
-            error = await res.text();
+            error(res);
             return false;
         }
     }
@@ -130,9 +131,6 @@
 
     $effect(loadPage);
 </script>
-{#if error}
-<span class="error">{error}</span>
-{/if}
 {#if page}
 <div class="wiki page">
     <div class="versions">