feat(KAN-33): redesign ticket relationships and hierarchy

tests/Fixtures/ticket-detail-browser.mjs

@@ -251,15 +251,20 @@ try {
             response.url().includes('/tickets/42/links') &&
             response.request().method() === 'POST',
     );
+    await page.getByLabel('Linked ticket', { exact: true }).selectOption('41');
     await page.getByRole('button', { name: 'Save link', exact: true }).click();
     assert.equal((await linkSaved).status(), 303);
-    await page.getByRole('button', { name: 'Remove', exact: true }).waitFor();
+    await page
+        .getByRole('button', { name: 'Remove link to ENG-41', exact: true })
+        .waitFor();
     const linkRemoved = page.waitForResponse(
         (response) =>
-            response.url().includes('/tickets/42/links/3?_method=DELETE') &&
-            response.request().method() === 'POST',
+            response.url().includes('/tickets/42/links/3') &&
+            response.request().method() === 'DELETE',
     );
-    await page.getByRole('button', { name: 'Remove', exact: true }).click();
+    await page
+        .getByRole('button', { name: 'Remove link to ENG-41', exact: true })
+        .click();
     assert.equal((await linkRemoved).status(), 303);
     await visit('?readonly&hideAuthor&hidePoints');
     assert.equal(await content().locator('form').count(), 0);
@@ -273,7 +278,12 @@ try {
             .count(),
         0,
     );
-    await tabTo(content().getByRole('link', { name: 'ENG-41', exact: true }));
+    await tabTo(
+        content().getByRole('link', {
+            name: 'ENG-41 Related infrastructure',
+            exact: true,
+        }),
+    );
     await page.keyboard.press('Enter');
     await page.waitForURL('**/tickets/41');
     await page