Fix F&A (#69)

Author: endorpersand

src/lib/components/SpeakerList.svelte

@@ -58,7 +58,7 @@
          * If specified, this includes an element between the delegate label and remove button.
          * This must be a singular element.
          */
-        extra?: Snippet<[Speaker]>;
+        extra?: Snippet<[Speaker, number]>;
 
         /**
          * If this prop is defined, the function callback is activated right before a speaker changes.
@@ -346,7 +346,7 @@
                 >
                     <DelLabel attrs={delAttrs} fallbackName={speakerLabel} inline />
                 </button>
-                {@render extra?.(speaker)}
+                {@render extra?.(speaker, i)}
                 <button 
                     class={[
                         "btn-icon-std transition",

src/routes/dashboard/for-against/+page.svelte

@@ -103,13 +103,13 @@
             onBeforeSpeakerUpdate={reset}
             onMarkComplete={(key, isRepeat) => { if (!isRepeat) db.updateDelegate(key, d => { d.stats.timesSpoken++; }) }}
         >
-            {#snippet extra(speaker: SpeakerFA)}
+            {#snippet extra(speaker: SpeakerFA, index)}
                 {@const speakerLabel = findDelegate($delegates, speaker.key)?.name ?? "unknown"}
                 {@const invertedFavor = invertFavor(speaker.stance)}
 
                 <button 
                     class={["btn-icon-std transition", presetCls(speaker)]}
-                    onclick={() => {speaker.stance = invertedFavor; $order = $order;}}
+                    onclick={() => $order[index].stance = invertedFavor}
                     {...a11yLabel(`Set ${speakerLabel} to ${invertedFavor}`)}
                     disabled={speaker.completed}
                 >