Add loading skeleton to table cell rows

src/renderer/components/virtual-table/cells/generic-cell.tsx

@@ -1,6 +1,7 @@
 import type { ICellRendererParams } from '@ag-grid-community/core';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
+import { Skeleton } from '/@/renderer/components/skeleton';
 import { Text } from '/@/renderer/components/text';
 
 export const CellContainer = styled.div<{
@@ -32,6 +33,17 @@ export const GenericCell = (
 ) => {
   const displayedValue = valueFormatted || value;
 
+  if (!value) {
+    return (
+      <CellContainer position={position || 'left'}>
+        <Skeleton
+          height="1rem"
+          width="80%"
+        />
+      </CellContainer>
+    );
+  }
+
   return (
     <CellContainer position={position || 'left'}>
       {isLink ? (