fix: Specified the width of Bar Graph and added the scrollbar.

[Akshat-Jaiswal-8]

Summary

This PR fixes the #855 . Here i have specified the width of the bar Chart as per the number of bars. Also added the Scrollbar which will be displayed when the screen is narrowed and the chart gets truncated otherwise the scrollbar will not be displayed.

Goals Achieved

• [x] Scroll bar beneath each bar chart.
• [x] When the screen is wide enough to accommodate the entire chart, the scroll bar should do nothing.
• [x] When the screen is narrow enough that the bar chart gets truncated, the user should be able to scroll to see the entire chart.
• [x] Scrolling one chart should not affect other charts on the page.

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 45.01%. Comparing base (119f32a) to head (095474e).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #861 +/- ## ======================================== Coverage 45.01% 45.01% ======================================== Files 76 76 Lines 5247 5247 Branches 1210 1210 ======================================== Hits 2362 2362 + Misses 2879 2754 -125 - Partials 6 131 +125 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.