feat: Add rabbit button to HUD and implement tool selection

index.html

@@ -20,6 +20,7 @@
                 <button id="tree-seed-btn">Tree Seed</button>
                 <button id="fire-btn">Fire</button>
                 <button id="lava-btn">Lava</button>
+                <button id="rabbit-btn">Rabbit</button>
                 <button id="square-btn">Square</button>
                 <button id="circle-btn">Circle</button>
                 <button id="triangle-btn">Triangle</button>

js/input.js

@@ -28,6 +28,8 @@ function setTool(tool) {
         document.getElementById('fire-btn').classList.add('active');
     } else if (tool === LAVA) {
         document.getElementById('lava-btn').classList.add('active');
+    } else if (tool === RABBIT) {
+        document.getElementById('rabbit-btn').classList.add('active');
     } else if (tool === SQUARE) {
         document.getElementById('square-btn').classList.add('active');
     } else if (tool === CIRCLE) {

js/main.js

@@ -25,6 +25,7 @@ window.onload = function() {
     document.getElementById('tree-seed-btn').addEventListener('click', () => setTool(TREE_SEED));
     document.getElementById('fire-btn').addEventListener('click', () => setTool(FIRE));
     document.getElementById('lava-btn').addEventListener('click', () => setTool(LAVA));
+    document.getElementById('rabbit-btn').addEventListener('click', () => setTool(RABBIT));
     document.getElementById('square-btn').addEventListener('click', () => setTool(SQUARE));
     document.getElementById('circle-btn').addEventListener('click', () => setTool(CIRCLE));
     document.getElementById('triangle-btn').addEventListener('click', () => setTool(TRIANGLE));