feat: url object notation found work

package.json

@@ -74,6 +74,7 @@
     "sharp": "^0.33.4",
     "three": "0.159.0",
     "three-stdlib": "^2.30.4",
+    "urlon": "^3.1.0",
     "vitepress": "^1.3.0",
     "vitepress-plugin-auto-sidebar": "^1.2.0",
     "yaml": "^2.4.5",

src/app/tools/embed/[embed]/page.tsx

@@ -12,6 +12,7 @@ import {
 import { Box, Button, Flex, Heading, ScrollArea, Text } from '@radix-ui/themes';
 import { capitalize, startCase } from 'lodash';
 import { ReactNode, useEffect, useRef, useState } from 'react';
+import { stringify } from 'urlon';
 import { CopyButton } from '../../../../components/CopyButton';
 import { NAVBAR_HEIGHT } from '../../../../components/Navbar';
 import PageWrapper from '../../../../components/PageWrapper';
@@ -94,7 +95,7 @@ export default function Page({
 
                   const searchParams = new URLSearchParams({
                     id: `${wargaming.id}`,
-                    state: JSON.stringify(shallowState),
+                    state: stringify(shallowState),
                   });
 
                   return `${location.origin}/tools/embed/${params.embed}/host?${searchParams.toString()}`;