Add Body Composition Calculator play

[deansereigns]

Before creating this PR, please confirm the following:

• I have read the ReactPlay Contributor Guidelines and Discussion
• I have reviewed the ReactPlay Code Review Checklist
• I have tested my changes locally and verified there are no new warnings or errors

---

First thing, PLEASE READ THIS: ReactPlay Code Review Checklist

Description

This PR adds a new play called Body Composition Calculator to ReactPlay.

The calculator allows users to calculate:

• Basal Metabolic Rate (BMR)
• Total Daily Energy Expenditure (TDEE)

based on gender, age, height, weight, and activity level.

It provides real-time calculation and includes explanations of BMR and TDEE to help users understand their daily calorie requirements.

The play is implemented using TypeScript and follows ReactPlay's modular folder structure.

Fixes #1660
Issue link: #1660

---

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

---

How Has This Been Tested?

Tested locally using:

npm start

Verification steps:

1. Open ReactPlay in browser
2. Navigate to Body Composition Calculator play
3. Enter gender, age, height, weight, and activity level
4. Verify that:
   • Inputs accept values correctly
   • BMR is calculated correctly
   • TDEE is calculated correctly
   • Results update automatically
   • No console errors appear

Also verified using:

npm run lint

No new errors were introduced.

---

Checklist:

• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• My changes generate no new errors
• I have commented my code, particularly in hard-to-understand areas (Not applicable)
• I have added tests (Not applicable)
• New and existing unit tests pass locally with my changes (Not applicable)
• Any dependent changes have been merged and published in downstream modules (Not applicable)

---

Screenshots or example output

This play includes:

• Interactive calculator UI
• Real-time BMR calculation
• Real-time TDEE calculation
• Explanation of BMR and TDEE
• Clean and responsive layout

[netlify]

✅ Deploy Preview for reactplayio ready!

Name	Link
🔨 Latest commit	c066c68
🔍 Latest deploy log	https://app.netlify.com/projects/reactplayio/deploys/698c8b7064fc7300088c52db
😎 Deploy Preview	https://deploy-preview-1672--reactplayio.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Hey! contributor, thank you for opening a Pull Request 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[priyankarpal]

@deansereigns are you apertre contributor?

[deansereigns]

@priyankarpal No, I'm not an Apertre contributor.