Fixed infinite loop in createEffect

src/components/Controls.tsx

@@ -26,10 +26,12 @@ export default () => {
     }
   }
 
-  createEffect(() => {
+  createEffect((prev) => {
+    if (prev !== store.visibleChapter()) {
       selectChapter(store.visibleChapter());
+    }
     return store.visibleChapter();
-  }, 'home');
+  });
 
   return (
     <>
@@ -47,7 +49,9 @@ export default () => {
         <div class={styles.controlsWrapper}>
           <For each={controls}>{(control) =>
             <div 
-              onClick={() => selectChapter(control.name)}
+              onClick={() => {
+                selectChapter(control.name)
+              }}
               class={styles.control}
             >
               <img