Create a financial calculator app named "Yield Guard" designed to help users determine their maximum monthly spending based on investment yield.
The app should feature a single, clean screen with the following functionality:
1. **User Inputs:**
* A form with four numeric input fields:
* "Initial Balance ($)"
* "Monthly Income ($)"
* "Annual Yield (%)"
* "Max Yield Loss Tolerance ($)" (This is the maximum dollar amount the user is willing to lose from their monthly yield gains).
2. **Calculation:**
* When the user presses a "Calculate" button, the app must perform the following calculation:
* First, calculate the "Projected Monthly Yield" in dollars: `Monthly Yield = Initial Balance * (Annual Yield / 100 / 12)`.
* Then, calculate the "Maximum Spendable Amount": `Max Spend = (Projected Monthly Yield + Monthly Income) - Max Yield Loss Tolerance`.
3. **Results Display:**
* Clearly display the final "Maximum Spendable Amount" to the user.
* Also, show a simple breakdown of the components: the calculated "Projected Monthly Yield" and the "Monthly Income" that contributed to the total.
* If the calculated spending amount is negative, it should be displayed as $0, with a message indicating that spending is not advised.
The app should have a minimalist and modern design, focusing on clarity and ease of use. All calculations should happen on the device; no backend or user accounts are needed.
