fix: highlight search quote button when active (@byseif21) (monkeytypegame#7807)

Closes monkeytypegame#7796

Author: byseif21

frontend/src/ts/components/modals/MobileTestConfigModal.tsx

@@ -106,7 +106,9 @@ export function MobileTestConfigModal(): JSXElement {
     if (value === "all") {
       return areUnsortedArraysEqual(getConfig.quoteLength, [0, 1, 2, 3]);
     }
-    if (value === "-2") return false;
+    if (value === "-2") {
+      return areUnsortedArraysEqual(getConfig.quoteLength, [-2]);
+    }
     if (value === "-3") {
       return areUnsortedArraysEqual(getConfig.quoteLength, [-3]);
     }

frontend/src/ts/components/pages/test/TestConfig.tsx

@@ -348,6 +348,7 @@ function Mode2Quote(props: ComponentProps<"div">): JSXElement {
         fa={{
           icon: "fa-search",
         }}
+        active={areUnsortedArraysEqual(getConfig.quoteLength, [-2])}
         onClick={() => {
           showModal("QuoteSearch");
         }}

frontend/src/ts/test/test-state.ts

@@ -4,7 +4,8 @@ export let isRepeated = false;
 export let isPaceRepeat = false;
 export let isActive = false;
 export let bailedOut = false;
-export let selectedQuoteId = 1;
+export let selectedQuoteId =
+  parseInt(localStorage.getItem("selectedQuoteId") ?? "1", 10) || 1;
 export let activeWordIndex = 0;
 export let testInitSuccess = true;
 export let isLanguageRightToLeft = false;
@@ -30,6 +31,7 @@ export function setBailedOut(tf: boolean): void {
 
 export function setSelectedQuoteId(id: number): void {
   selectedQuoteId = id;
+  localStorage.setItem("selectedQuoteId", id.toString());
 }
 
 export function setActiveWordIndex(index: number): void {