revert Fragment BS

TypeScript 5.7 broke the dom-chef Fragment implementation so just
avoid using Fragment entirely until i figure out a workaround.

fuck this shit

src/tools/display/debug.tsx

@@ -2,7 +2,6 @@ import * as engine from '../../pkg';
 import {LAYOUT, LE} from '../../pkg/data';
 import * as gen1 from '../../pkg/gen1';
 
-import {Fragment} from './dom';
 import {Battle, Gen, Generation, adapt} from './ui';
 import * as util from './util';
 
@@ -100,11 +99,11 @@ const App = ({gen, data, error, seed}: {
   }
   frames.push(<Frame frame={partial || {}} gen={gen} showdown={showdown} last={last} />);
 
-  return <>
+  return <div>
     {!!seed && <h1>0x{seed.toString(16).toUpperCase()}</h1>}
     {frames}
     {error && <pre className='error'><code>{error}</code></pre>}
-  </>;
+  </div>;
 };
 
 const Frame = ({frame, gen, showdown, last}: {

src/tools/display/dom.ts

@@ -92,4 +92,5 @@ export const h = (
   return element;
 };
 
-export const Fragment = (props: {children: any}) => props.children as Fragment;
+export const Fragment =
+  (typeof DocumentFragment === 'function' ? DocumentFragment : () => {}) as Fragment;

src/tools/display/select.tsx

@@ -1,12 +1,11 @@
 /** @license MIT modified from Pixabay's https://github.com/Pixabay/JavaScript-autoComplete */
-import {Fragment} from './dom';
 
 const FRAME_MS = 20;
 // const DELAY_MS = 150;
 const HIDE_MS = 350;
 
 export const Select = ({options, unmount, placeholder, render}: {
-  options: string[] ;
+  options: string[];
   unmount?: Promise<void>;
   placeholder?: string;
   render?: (option: string, search: string) => JSX.Element;
@@ -20,8 +19,8 @@ export const Select = ({options, unmount, placeholder, render}: {
 
   render ||= option => input.value
     // ? <span dangerouslySetInnerHTML={{__html: searcher.highlight(option)}}></span>
-    ? <>{option}</>
-    : <>{option}</>;
+    ? <span>{option}</span>
+    : <span>{option}</span>;
 
   let maxHeight = 0;
   let offsetHeight = 0;