PanelRenderer/BarChart: Custom Tooltip

### What would you like to be added: Add support for customizing the tooltip so that we can enable a richer experience for the user. ### Current behaviour: <img width="738" alt="Screenshot 2022-11-01 at 10 27 10" src="https://user-images.githubusercontent.com/4395376/199213442-0cbd11e5-d706-416f-849b-a724e15731e7.png"> ### Why is this needed: Having to display all of the field names even for those with undefined values is undesirable. Ideally, the tooltip would only display the active data being hovered. The k6 plugin requires a greater degree of customisation so that we can provide a clearer level of detail about each test to the user. ### Desirable: ``` const ToolTipComponent = (tooltipData) => { /**/ } const components = { tooltip: ToolTipComponent } <PanelRenderer components={components] /> ``` ### Example: <img width="450" alt="Screenshot 2022-11-01 at 10 41 01" src="https://user-images.githubusercontent.com/4395376/199215893-57ac8527-e750-42e9-a417-3bc2fb13f79b.png">