chore: format code and organize imports across examples

frontend/package.json

@@ -117,6 +117,7 @@
 		"@visx/shape": "^3.12.0",
 		"@visx/tooltip": "^3.12.0",
 		"@vitejs/plugin-react": "^4.7.0",
+		"babel-plugin-react-compiler": "^1.0.0",
 		"@xyflow/react": "^12.10.0",
 		"actor-core": "^0.6.3",
 		"autoprefixer": "^10.4.21",

frontend/packages/icons/CLAUDE.md

@@ -10,6 +10,15 @@ When a new icon has been uploaded to the custom Font Awesome kit:
 
 1. Bump the kit version in `scripts/shared-utils.js` (`FA_PACKAGES_CONFIG["@awesome.me/kit-63db24046b"]`)
 2. Run `FONTAWESOME_PACKAGE_TOKEN=<token> pnpm generate`
-3. Commit the regenerated files (`manifest.json`, `src/index.gen.js`, `src/index.gen.ts`, `dist/index.js`)
+3. Commit the regenerated files (`manifest.json`, `src/index.gen.js`, `src/index.gen.ts`, `dist/index.js`, `dist/index.flat.js`, `dist/index.all.js`)
 
 The generate script will warn you if the kit version is outdated. Always check for this warning.
+
+## Dist file formats
+
+- `dist/index.js` — monolithic bundle (all icons inlined, CJS-wrapper ESM format)
+- `dist/index.flat.js` — flat ESM exports (`export const faX = {...}`) for Rollup tree-shaking
+- `dist/index.all.js` — single default export object for runtime dynamic icon lookup
+- `dist/index.gen.js` — esbuild output with free FA icons as external subpath imports
+
+The package exports `dist/index.flat.js` (for `import { faTrash } from "@rivet-gg/icons"`) and `dist/index.all.js` (for `import("@rivet-gg/icons/all")`). The flat format enables Rollup to tree-shake unused icons. The all-icons registry is used only when all icons need to be available at runtime for dynamic lookup (e.g., actor icon picker).