fix: fix paohvis colors

libs/shared/lib/vis/visualizations/paohvis/components/CustomLine.tsx

@@ -18,6 +18,7 @@ export const CustomLine: React.FC<LineProps> = (props) => {
       y1={props.y1}
       y2={props.y2}
       strokeWidth={props.strokeWidth}
+      stroke={props.fill}
       fill={props.fill}
       className={props.className}
     />

libs/shared/lib/vis/visualizations/paohvis/components/HyperRangeBlock.tsx

@@ -2,8 +2,8 @@ import React, { useEffect, useState, useMemo } from 'react';
 import { CustomLine } from './CustomLine';
 import { PaohvisDataPaginated, RowInformation, LinesHyperEdges } from '../types';
 import { ArrowDownward, ArrowUpward, ContactPageSharp, Sort } from '@mui/icons-material';
-import { index, select } from 'd3';
-import { c } from 'vite/dist/node/types.d-FdqQ54oU';
+import { select } from 'd3';
+import { visualizationColors, tailwindColors } from 'config';
 
 interface HyperEdgeRangesBlockProps {
   dataModel: PaohvisDataPaginated;
@@ -258,7 +258,7 @@ export const HyperEdgeRangesBlock: React.FC<HyperEdgeRangesBlockProps> = ({
           ))}
         </g>
         {dataModel.pageData.hyperEdgeRanges.map((hyperEdgeRange, indexHyperEdgeRange) => (
-          <>
+          <React.Fragment key={indexHyperEdgeRange}>
             <g
               className={'hyperEdgeBlockLinesRef hyperEdgeLines-col-' + indexHyperEdgeRange}
               transform={'translate(' + (rowLabelColumnWidth + indexHyperEdgeRange * rowHeight) + ',' + widthColumns + ')rotate(-90,0,0)'}
@@ -294,7 +294,7 @@ export const HyperEdgeRangesBlock: React.FC<HyperEdgeRangesBlockProps> = ({
                 />
               </g>
             )}
-          </>
+          </React.Fragment>
         ))}
 
         {dataModel.pageData.hyperEdgeRanges.map((hyperEdgeRange, indexHyperEdgeRange) => (
@@ -317,7 +317,7 @@ export const HyperEdgeRangesBlock: React.FC<HyperEdgeRangesBlockProps> = ({
                     x2={0}
                     y2={(dataLinesHyperedges[indexHyperEdgeRange].y1 - currentPageRows.startIndexRow) * rowHeight}
                     strokeWidth={0.075 * rowHeight}
-                    fill="hsl(var(--clr-pri--600))"
+                    fill={visualizationColors.GPNeutral.colors[1][0]}
                   />
                 )}
               </g>

libs/shared/lib/vis/visualizations/paohvis/components/RowLabels.tsx

@@ -3,6 +3,7 @@ import { CustomLine } from './CustomLine';
 import { RowInformation } from '../types';
 import { ArrowDownward, ArrowUpward, Sort } from '@mui/icons-material';
 import { select, selectAll } from 'd3';
+import { visualizationColors, tailwindColors } from 'config';
 
 interface RowLabelsProps {
   dataRows: RowInformation;