improve the UI for browsing records so we can click on a row and see it in a dialog with a nicely-formated json

[indera]

Expected result

I click on a row (or on a specific column) containing a blob of json and can see nicely each json attribute

Actual result

[indera]

Chatgpt claims this is easy :)

import React from 'react';

interface Props {
  json: any;
}

const PrettyJson: React.FC<Props> = ({ json }) => (
  <pre>{JSON.stringify(json, null, 2)}</pre>
);

export default PrettyJson;