Don't put random ids in history.state because they break on page reloads

Author: myieye

frontend/viewer/src/lib/utils/back-handler.svelte.ts

@@ -20,9 +20,8 @@ export interface BackHandlerConfig {
 class BackHandler {
   static #ignorePopstate = false;
   static #backStack: BackHandler[] = [];
-  readonly #id = crypto.randomUUID().split('-')[0];
   private get fullKey() {
-    return `BackHandler-${this.#id}-${this.config.key}`;
+    return `BackHandler-${this.config.key}`;
   };
 
   constructor(private config: BackHandlerConfig) {
@@ -34,7 +33,6 @@ class BackHandler {
         void queueHistoryChange(() => history.pushState({
           backHandler: true,
           key: this.config.key,
-          id: this.#id,
         }, ''), this.fullKey);
       } else {
         this.remove();

frontend/viewer/src/lib/utils/url.svelte.ts

@@ -21,9 +21,8 @@ export class QueryParamState {
     return this.#current;
   }
 
-  readonly #id = crypto.randomUUID().split('-')[0];
   private get fullKey() {
-    return `QueryParamState-${this.#id}-${this.config.key}`;
+    return `QueryParamState-${this.config.key}`;
   };
 
   #waitingForHistoryChange: boolean = false;