chore: add wordle demo to docs

Author: joshuaellis

demo/src/App.jsx

@@ -50,6 +50,7 @@ import Tree from './sandboxes/tree/src/App'
 import Viewpager from './sandboxes/viewpager/src/App'
 
 import WebGlSwitch from './sandboxes/webgl-switch/src/App'
+import Wordle from './sandboxes/wordle/src/App'
 
 Globals.assign({
   frameLoop: 'always',
@@ -88,6 +89,7 @@ const links = {
   tree: Tree,
   viewpager: Viewpager,
   'webgl-switch': WebGlSwitch,
+  wordle: Wordle,
 }
 
 const Example = ({ link }) => {

docs/app/data/sandboxes.ts

@@ -31,4 +31,5 @@ export const SANDBOXES = {
   'Vertical Parallax': 'h1rrv',
   Viewpager: '8s3kf',
   'WebGL Switch': 's0w9i0',
+  Wordle: '90qj1i',
 }

docs/app/routes/docs/components/use-trail.mdx

@@ -92,6 +92,8 @@ Where `ConfigObject` is described [above](#reference)
 
 import { ExampleGrid } from '~/components/Grids/ExampleGrid'
 
-<ExampleGrid sandboxTitles={['Basic Trail', 'Goo Blobs', 'Smile Grid']} />
+<ExampleGrid
+  sandboxTitles={['Basic Trail', 'Goo Blobs', 'Smile Grid', 'Wordle']}
+/>
 
 Can't find what you're looking for? Check out all our [examples!](/examples)