Refactor: Update DonationAmountLevels template to support descriptions

[pauloiankoski]

Resolves GIVE-626

Description

Update the DonationAmountLevels component to include levels with descriptions. Display a group of levels with descriptions first, followed by the remaining ones.

If no levels have descriptions, show all options in a grid. If at least one level has a description, present the flexible interface below.

It is important to note that these groups respect the order set in the admin, but within each group.

Affects

Donation Amount Levels template

Visuals

CleanShot.2024-04-23.at.18.32.38.mp4

Variations with 4, 3, 2, 1 and 0 remaining options with no description

Same options from above but after disabling descriptions

Testing Instructions

1. Enable Donation Levels in VFB.
2. Ensure the Donation Form resembles the current design.
3. Return to VFB, activate descriptions, and include some.
4. Check how the Donation Form displays options in a new way.

Pre-review Checklist

• Acceptance criteria satisfied and marked in related issue
• Relevant @unreleased tags included in DocBlocks
• Includes unit tests
• Reviewed by the designer (if follows a design)
• Self Review of code and UX completed