add PFs own custom Legends for charts

[nicolethoen]

by default, layouts for legends in pf charts are hard to work with. They are not responsive and need padding set explicitly.

if we defined a charts legend which doesn't rely on victory and uses a flex layout so it can be responsive, products will have more options when implemented charts with legends.

some examples of people doing this:

https://github.com/ansible/ansible-ui/blob/main/framework/PageDashboard/PageChartContainer.tsx

https://github.com/ansible/ansible-ui/pull/824/files#diff-dba77783eb3b6a0d88ecf0a98fcee171f47d22788083be0183d17c2b51028c38