"tip" functionality redundancy while placing ordering

Describe the bug
the same value as "1%" is presented on order list and only the first button is functional and not the other two, moreover 1percent tip is set by default and not selected by user. upon selection of the first button all 3 are selected.

To Reproduce
Steps to reproduce the behavior:

Go to 'find restaurants'
Click on 'Food Corner-East'
Select your order
Proceed to tipping.
Expected behavior
only selected buttons should be visible as selected, and only one should be selected

Screenshot 2024-03-08 172831

image

Desktop (please complete the following information):

OS: Windows
Browser Chrome
Version 122.0.6261.95 (Official Build) (64-bit)

Reproduce the issue through Find restaurants, Food Corner-East, an order, and the tipping screen, then locate the React component that renders the tip options. Check how the default 1% value and the three buttons determine their selected state. Done means only the chosen tip button appears selected and the default is not treated as user-selected.

Written by the indexing model from the issue text.