feat: add interactive matching question component with responsive connection lines and styles

frontend/src/index.css

@@ -655,9 +655,18 @@ input, textarea, select { font-family: inherit; font-size: inherit; color: inher
 .match-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 32px;
+  gap: 48px;
   position: relative;
 }
+.match-lines-svg {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 1;
+  overflow: visible;
+}
 .match-col {
   display: flex;
   flex-direction: column;