Provide a brief description of the changes made in this PR. Explain the problem you are fixing or the feature you are adding.
- If this is a new feature, include screenshots or recordings of the feature in action.
- If this PR makes visual changes, include before and after screenshots.
| Before | After |
|---|---|
List any common edge cases that you have considered and tested.
Provide steps on how the reviewer can test the changes.
Please make sure to review and check all of the following:
- I've tested the changes and all tests pass.
- (if web) I've tested the changes on various desktop screen sizes to ensure responsiveness.
- (if mobile) I've tested the changes on both light and dark modes.