Organize charts in the summary view in a nicer way

Currently charts take the entire screen width and are positioned one after another vertically, something like https://apexcharts.com/javascript-chart-demos/dashboards/ would be nicer and more readable.

@marco-c I would like to work on this issue. Can I?

Sure, no need to ask, you can work on any open issue without a PR linked to it :) I would start with an issue marked as good-first-issue. Make sure you read https://github.com/mozilla/bugbug/issues/1092.

yess sure @marco-c

@marco-c can you tell me where the files associated with this issue are located

They are under the ui/changes directory. Once you are in that directory, you can run npm run dev.

Hi, I am new to bugbug. I tried to arrange the charts in pairs with some spacing as shown below which looks slightly better than single charts one after the other. I think there is a lot of room for further improvement in the UI and I am happy to make further changes if needed for this issue.

I have tried my best to adhere to contribution guidelines, but if there are any mistakes in my pull request, please let me know and I will be happy to correct my code.

(PR: fixes #2108: organize charts #2140)

Before:

After: