Generate icons dynamically from bouncing ball physics

- Update bouncingBallToSVG.ts to write to public/icons/icon.svg
- Add generate-svg-icon script to package.json
- Update icons script to run SVG generation before PNG conversion
- Regenerate all icons (favicon, apple-touch-icon, icon-192, icon-512)
  from physics-based bouncing ball animation (60 snapshots, 4 bounces)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: veillette

package.json

@@ -15,7 +15,8 @@
     "serve": "serve -s dist",
     "watch": "tsc --watch",
     "clean": "rm -rf dist",
-    "icons": "tsx scripts/generate-icons.ts"
+    "generate-svg-icon": "tsx scripts/bouncingBallToSVG.ts",
+    "icons": "npm run generate-svg-icon && tsx scripts/generate-icons.ts"
   },
   "dependencies": {
     "@ffmpeg/core": "^0.12.10",

public/favicon.png

@@ -116,5 +116,9 @@ ${circles}
 
 const points = computeSnapshots();
 const svg = buildSVG(points);
-fs.writeFileSync("bouncing_ball.svg", svg, "utf8");
-console.log(`SVG written with ${points.length} snapshots.`);
+
+// Write to public/icons/icon.svg (source for PNG icon generation)
+const outputPath = "public/icons/icon.svg";
+fs.mkdirSync("public/icons", { recursive: true });
+fs.writeFileSync(outputPath, svg, "utf8");
+console.log(`✓ Generated ${outputPath} with ${points.length} bouncing ball snapshots`);