(impact:high) Example of creating custom renderers

[juanmendes]

Prerequisites

• Are you running the latest version? OR Are you submitting a bug for a prior version?
• Did you perform a basic issue search?

Description

There is no example of how to create a custom column renderer on https://vmware.github.io/vmware-cloud-director-ui-components/datagrid/example/datagrid-three-renderers

The page does show a custom renderer being used:

        {
            displayName: 'Component Renderer',
            renderer: BoldTextRenderer((rec) => rec.name),
        },

But it does not show the implementation of BoldTextRenderer. It's currently being exported but it shouldn't. It should just be defined in the example itself

Impact

• Some people gave up using the grid because they couldn't figure out how to get HTML in the grid cells.
• Other people were able to use it, but they had to dig into the source code to figure out how to use it.

Steps to Reproduce

1. Go to https://vmware.github.io/vmware-cloud-director-ui-components/datagrid/example/datagrid-three-renderers
2. Click the <> icon to see the source
3. Notice that we import { BoldTextRenderer... } from '@vcd/ui-components';

Expected behavior: [What you expected to happen]
The implementation of BoldTextRenderer should be inline and visible from the examples website
Actual behavior: [What actually happened]
The implementation is hidden in the gtihub's source code

Versions

Not version specific, present in latest