Fix broken script when json is not in TF/O/M/D order (#75)

Seems like this is a known issue from when parseJson was first
implemented in #8.

> Behavior is undefined if not entered in order of all characters of
each category in order Townsfolk, Outsiders, Minion, Demon

It's an easy fix, just do a stable-sort in TF/O/M/D order. Tested with a
randomly shuffled TB script:

`http://localhost:5173/script.html?json=[{"id": "mayor"}, {"id":
"poisoner"}, {"id": "investigator"}, {"id": "soldier"}, {"id":
"undertaker"}, {"id": "spy"}, {"id": "virgin"}, {"id": "empath"}, {"id":
"butler"}, {"id": "slayer"}, {"id": "monk"}, {"id": "_meta", "name":
"Trouble Brewing"}, {"id": "recluse"}, {"id": "baron"}, {"id": "saint"},
{"id": "scarletwoman"}, {"id": "washerwoman"}, {"id": "fortuneteller"},
{"id": "chef"}, {"id": "ravenkeeper"}, {"id": "imp"}, {"id": "drunk"},
{"id": "librarian"}]`

<img width="1049" height="1276" alt="image"
src="https://github.com/user-attachments/assets/64de3a15-5de1-4556-bf79-881a2f126730"
/>

Author: louietyj

src/js/botc/roles.ts

@@ -25,7 +25,7 @@ export interface NightAction {
   index: number;
 }
 
-const RoleTypes = [
+export const RoleTypes = [
   "townsfolk",
   "outsider",
   "minion",

src/js/select_script.ts

@@ -1,3 +1,4 @@
+import { roles, nameToId, RoleTypes } from "./botc/roles";
 import { ScriptData, ScriptsFile } from "./botc/script";
 import { decompressScriptJson } from "./compression";
 import { getScripts } from "./get_scripts";
@@ -27,6 +28,12 @@ interface ScriptCharacter {
   id: string;
 }
 
+function charSortKey(char: string): number {
+  const roleType = roles.get(nameToId(char))?.roleType ?? "";
+  const index = RoleTypes.indexOf(roleType as (typeof RoleTypes)[number]);
+  return index === -1 ? 999 : index;
+}
+
 export function parseJson(json: string): ScriptData {
   const decompressedJson = decompressScriptJson(json);
   const parsed: (ScriptMeta | ScriptCharacter | string)[] =
@@ -37,7 +44,8 @@ export function parseJson(json: string): ScriptData {
   )!;
   const characters = parsed
     .filter((item): item is ScriptCharacter | string => item !== meta)
-    .map((item) => (typeof item === "string" ? item : item.id));
+    .map((item) => (typeof item === "string" ? item : item.id))
+    .sort((a, b) => charSortKey(a) - charSortKey(b));
 
   return {
     pk: 0,