title: Render a DataGrid cell with a colored oval with text/icon in it
body: <p>I need your help related to mui/x-data-grid. I am trying to render a cell in mui/x-data-grid with text/icon in it based on the text value, but unable to do so.
  The following is the codesandbox link:
  <a href="https://codesandbox.io/s/intelligent-shamir-4pgtr?file=/src/App.js" rel="nofollow noreferrer">codesandbox link</a></p>
  <p>And I want something similar to <a href="https://mui.com/components/data-grid/#commercial-version" rel="nofollow noreferrer">this</a>.</p>
  <p><a href="https://i.stack.imgur.com/wFaxI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wFaxI.png" alt="Sample desired output" /></a></p>