[fix] fix csv table examples for layers

Signed-off-by: Ihor Dykhta <[email protected]>

Author: igorDykhta

src/layers/src/example-table.tsx

@@ -0,0 +1,27 @@
+// SPDX-License-Identifier: MIT
+// Copyright contributors to the kepler.gl project
+
+import styled from 'styled-components';
+
+export const StyledTable = styled.table`
+  width: 100%;
+  border-spacing: 0;
+
+  thead {
+    tr th {
+      background: ${props => props.theme.panelBackgroundLT};
+      color: ${props => props.theme.titleColorLT};
+      padding: 18px 12px;
+      text-align: start;
+    }
+  }
+
+  tbody {
+    tr td {
+      border-bottom: ${props => props.theme.panelBorderLT};
+      padding: 12px;
+    }
+  }
+`;
+
+export default StyledTable;

src/layers/src/geojson-layer/geojson-info-modal.tsx

@@ -8,7 +8,7 @@ import {useIntl} from 'react-intl';
 
 import {FormattedMessage} from '@kepler.gl/localization';
 
-import Table from '../table';
+import Table from '../example-table';
 
 const InfoModal = styled.div`
   font-size: 13px;

src/layers/src/icon-layer/icon-info-modal.tsx

@@ -5,7 +5,8 @@ import React from 'react';
 import styled from 'styled-components';
 import {line} from 'd3-shape';
 import {FormattedMessage} from '@kepler.gl/localization';
-import Table from '../table';
+
+import Table from '../example-table';
 
 const CenterFlexbox = styled.div`
   display: flex;

src/layers/src/scenegraph-layer/scenegraph-info-modal.tsx

@@ -4,26 +4,7 @@
 import React from 'react';
 import styled from 'styled-components';
 
-export const Table = styled.table`
-  width: 100%;
-  border-spacing: 0;
-
-  thead {
-    tr th {
-      background: ${props => props.theme.panelBackgroundLT};
-      color: ${props => props.theme.titleColorLT};
-      padding: 18px 12px;
-      text-align: start;
-    }
-  }
-
-  tbody {
-    tr td {
-      border-bottom: ${props => props.theme.panelBorderLT};
-      padding: 12px;
-    }
-  }
-`;
+import Table from '../example-table';
 
 const StyledTitle = styled.div`
   font-size: 20px;

src/layers/src/trip-layer/trip-info-modal.tsx

@@ -8,7 +8,7 @@ import {useIntl} from 'react-intl';
 
 import {FormattedMessage} from '@kepler.gl/localization';
 
-import Table from '../table';
+import Table from '../example-table';
 
 const InfoModal = styled.div`
   font-size: 13px;