Design some part of the webhook log

[enikonemeth]

This column should be attention-grabbing. Clicking on each row on this details column opens a popup with the details.

BUTTON 2. There should be a "Loading bar/circle" or something in the dialog which gives feedback if content is loading or not.

CIRCLE

3. Payload should be somewhere in the collapsed row. (we have payload for every row, it is a stringified JSON) example: "Payload": "{\r\n \"nodeId\": 1254,\r\n \"versionId\": 267,\r\n \"version\": \"V1.0.A\",\r\n \"previousVersion\": null,\r\n \"versionModificationDate\": \"2021-07-07T08:20:16.84Z\",\r\n \"modifiedBy\": 1,\r\n \"path\": \"/Root/Content/SampleWorkspace/fffff\",\r\n \"name\": \"fffff\",\r\n \"displayName\": \"fffff\",\r\n \"eventName\": \"Approve\",\r\n \"subscriptionId\": 1250,\r\n \"sentTime\": \"2021-07-07T08:20:16.9373579Z\"\r\n}"

The data is something like this after formatting { "nodeId": 1388, "versionId": 401, "version": "V0.1.D", "previousVersion": null, "versionModificationDate": "2021-02-25T12:16:58.78Z", "modifiedBy": 1, "path": "/Root/Content/DocLib/mydoc.docx", "name": "mydoc.docx", "displayName": "mydoc.docx", "eventName": "Create", "subscriptionId": 1386, "sentTime": "2021-02-25T12:16:58.9472693Z" }