Fix button state updates

src/components/molecules/Buttons.svelte

@@ -2,7 +2,8 @@
   import { shuffle } from "$lib";
   import Button8831 from "../atoms/Button8831.svelte";
 
-  const buttons: {
+  const buttons = $derived.by(() => {
+    const allButtons: {
       src: string;
       alt: string;
       href?: string;
@@ -48,11 +49,12 @@
       {
         src: "https://file.garden/ZZSxuqU5uT7zKhQh/webrsc/buttonz50.gif",
         alt: "sevs funhouse",
-      href: "https://zoneoffun.neocities.org/"
+        href: "https://zoneoffun.neocities.org/",
-    }
+      },
     ];
-
+    shuffle(allButtons);
-  shuffle(buttons);
+    return allButtons;
+  });
 </script>
 
 <div class="buttons">