web: fix state_referenced_locally warnings with proper runes

Author: wukko

web/src/components/dialog/PickerItem.svelte

@@ -22,13 +22,16 @@
     let imageLoaded = $state(false);
     let hideSkeleton = $state(false);
 
-    let validUrl = false;
-    try {
-        new URL(item.url);
-        validUrl = true;
-    } catch {}
+    const validUrl = $derived.by(() => {
+        try {
+            new URL(item.url);
+            return true;
+        } catch {
+            return false;
+        }
+    });
 
-    const isTunnel = validUrl && new URL(item.url).pathname === "/tunnel";
+    const isTunnel = $derived(validUrl && new URL(item.url).pathname === "/tunnel");
 
     const loaded = () => {
         imageLoaded = true;

web/src/components/misc/FileReceiver.svelte

@@ -23,7 +23,7 @@
         onImport,
     }: Props = $props();
 
-    let selectorStringMultiple = maxFileNumber > 1 ? ".multiple" : "";
+    const selectorStringMultiple = $derived(maxFileNumber > 1 ? ".multiple" : "");
 
     let fileInput: HTMLInputElement;
 

web/src/components/misc/SectionHeading.svelte

@@ -22,7 +22,7 @@
         copyData = "",
     }: Props = $props();
 
-    const sectionURL = `${page.url.origin}${page.url.pathname}#${sectionId}`;
+    const sectionURL = $derived(`${page.url.origin}${page.url.pathname}#${sectionId}`);
 
     let copied = $state(false);
 </script>

web/src/components/save/OmniboxIcon.svelte

@@ -8,7 +8,11 @@
 
     let { loading }: Props = $props();
 
-    let animated = $state(loading);
+    let animated = $state(false);
+
+    $effect(() => {
+        animated = loading;
+    });
 
     /*
         initial spinner state is equal to loading state,