feat(vis): remake of matrixVis

libs/shared/lib/querybuilder/pills/customFlowLines/connection.scss

-g {
+g.react-flow__edge g {
   @apply stroke-secondary-300;
 }

libs/shared/lib/vis/visualizations/matrixvis/components/matrixPixi.module.scss

+.matrix {
+  --size: 50px;
+}
+
+.axisLeft, .axisTop {
+  position: absolute;
+  left: 0;
+  top: 0;
+  backdrop-filter: blur(10px);
+  background: rgba(255,255,255, 0.5);
+}
+
+.axisLeft {
+  top: var(--size);
+  bottom: 0;
+  width: var(--size);
+  box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.2);
+}
+
+.axisTop {
+  right: 0;
+  height: var(--size);
+  box-shadow: var(--size) 1px 0px 0px rgba(0,0,0,0.2);
+}
+
+/* mask top left corner */
+.axisTop + svg {
+  clip-path: polygon(
+    0% 0%, 
+    0% 100%, 
+    100% 100%, 
+    100% 0%, 
+    var(--size) 0%, 
+    var(--size) var(--size), 
+    0% var(--size)
+  );
+}
\ No newline at end of file