Merge branch 'stylePAOHvis' of https://git.science.uu.nl/graphpolaris/frontend-v2 into stylePAOHvis

libs/shared/lib/vis/visualizations/paohvis/paohvis.stories.tsx

@@ -39,8 +39,7 @@ export const TestWithMarieBoucherSample = {
     ...(await mockData.marieBoucherSample()),
     updateSettings: () => {},
     schema: marieBoucherSampleSchemaRaw,
-    //configuration: PaohVisComponent.configuration,
-    configuration: {
+    settings: {
       ...PaohVisComponent.settings,
       rowNode: 'merchant',
       columnNode: 'merchant',
@@ -53,7 +52,7 @@ export const TestWithBig2ndChamber = {
     ...(await mockData.big2ndChamberQueryResult()),
     updateSettings: () => {},
     schema: big2ndChamberSchemaRaw,
-    configuration: {
+    settings: {
       ...PaohVisComponent.settings,
       rowNode: 'kamerleden',
       columnNode: 'commissies',
@@ -66,7 +65,7 @@ export const TestWithAirport = {
     ...(await mockData.bigMockQueryResults()),
     updateSettings: () => {},
     schema: simpleSchemaAirportRaw,
-    configuration: {
+    settings: {
       ...PaohVisComponent.settings,
       rowNode: 'airports',
       columnNode: 'airports',

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

@@ -123,6 +123,7 @@ export const PaohVis = ({ data, graphMetadata, schema, settings, updateSettings
     colorTextUnselect: 'hsl(var(--clr-sec--400))',
     colorLinesHyperEdge: 'hsl(var(--clr-black))',
   };
+
   let configPaohvis = useMemo(
     () => ({
       rowHeight: 30,