Design fix for options on different screen size

[ulises0516]

Fix BarChart Clipping on Small Devices with Adjusted Margins

Referenced Issue: #27

Reviewers (if applicable): @j3rrythomas

Summary

This PR addresses the clipping issue of the BarChart component on most screen sizes by manually adjusting the margins. Although this change resolves clipping for nearly all devices, the following devices still experience issues:

• iPhone 12 Pro (390×844)
• iPhone SE (375 x 667)
• Samsung Galaxy S8 (360 x 740)
• Galaxy Z Fold 5 (344 x 882)

Details

• Clipping Fixed:
  Manual margin adjustments have been applied to prevent the chart content from overflowing its container on small screens.

• Squished Bar Issue:
  One thing I saw was that the bars still appear slightly squished on these devices. Future iterations could leverage dynamic adjustments such as onResize to potentially fix this by making custom margin for smaller screen sizes.

Next Steps

• I think we should monitor feedback and performance on the affected devices (unlikely due to professors mostly using > tablet devices).
• Consider dynamic approaches (such as onResize-driven margin changes) in subsequent updates to improve the squished bar issue.