Fix writeToClipboard timeout ordering and add type=button to share button

Agent-Logs-Url: https://github.com/IntelliTect/EssentialCSharp.Web/sessions/feddee6f-34b7-4743-a528-97a454ce5e28

Co-authored-by: BenjaminMichaelis <22186029+BenjaminMichaelis@users.noreply.github.com>

Author: Copilot

EssentialCSharp.Web/src/components/PageNavigation.vue

@@ -17,7 +17,7 @@ const shell = inject("shell");
             </span>
         </div>
         <div v-if="shell.isContentPage" class="turn-page-tooltip">
-            <button id="share-btn" class="arrow-btn" aria-label="Share this page" @click="shell.shareCurrentPage()">
+            <button id="share-btn" type="button" class="arrow-btn" aria-label="Share this page" @click="shell.shareCurrentPage()">
                 <i class="fa-solid fa-share-from-square arrow-icon" />
             </button>
             <span class="turn-page-tooltip-text tooltip-center">

EssentialCSharp.Web/src/composables/useSiteShell.js

@@ -104,22 +104,25 @@ export function useSiteShell() {
                 () => {
                     snackbarColor.value = "white";
                     snackbarMessage.value = successMessage;
+                    if (snackbarTimeoutId !== null) {
+                        clearTimeout(snackbarTimeoutId);
+                    }
+                    snackbarTimeoutId = setTimeout(() => {
+                        snackbarMessage.value = null;
+                    }, 3000);
                 },
                 (error) => {
                     console.error("Could not copy text to clipboard: ", error);
                     snackbarColor.value = "red";
                     snackbarMessage.value = `Error: Could not copy text to clipboard: ${error}`;
+                    if (snackbarTimeoutId !== null) {
+                        clearTimeout(snackbarTimeoutId);
+                    }
+                    snackbarTimeoutId = setTimeout(() => {
+                        snackbarMessage.value = null;
+                    }, 3000);
                 }
             );
-
-        if (snackbarTimeoutId !== null) {
-            clearTimeout(snackbarTimeoutId);
-            snackbarMessage.value = null;
-        }
-
-        snackbarTimeoutId = setTimeout(() => {
-            snackbarMessage.value = null;
-        }, 3000);
     }
 
     function copyToClipboard(copyText) {