fix(theme-picker): don't use .toSorted (@fehmer) (monkeytypegame#6531)

Author: fehmer

frontend/src/ts/constants/themes.ts

@@ -1126,10 +1126,10 @@ export const ThemesList: Theme[] = Object.keys(themes)
       } as Theme)
   );
 
-export function getSortedThemesList(): Theme[] {
-  return ThemesList.toSorted((a, b) => {
+export const ThemesListSorted = [
+  ...ThemesList.sort((a, b) => {
     const b1 = hexToHSL(a.bgColor);
     const b2 = hexToHSL(b.bgColor);
     return b2.lgt - b1.lgt;
-  });
-}
+  }),
+];

frontend/src/ts/elements/settings/theme-picker.ts

@@ -15,7 +15,7 @@ import {
   ThemeName,
 } from "@monkeytype/contracts/schemas/configs";
 import { captureException } from "../../sentry";
-import { getSortedThemesList } from "../../constants/themes";
+import { ThemesListSorted } from "../../constants/themes";
 
 function updateActiveButton(): void {
   let activeThemeName: string = Config.theme;
@@ -149,7 +149,7 @@ export async function refreshPresetButtons(): Promise<void> {
     activeThemeName = ThemeController.randomTheme;
   }
 
-  const themes = getSortedThemesList();
+  const themes = ThemesListSorted;
 
   //first show favourites
   if (Config.favThemes.length > 0) {