Organize charts in the summary view in a nicer way

[marco-c]

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.

[rajpratyush]

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

[marco-c]

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 #1092.

[rajpratyush]

yess sure @marco-c

[rajpratyush]

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

[marco-c]

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

[Saffafatima12]

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: