Link measures to third parties

Add a many-to-many relationship between measures and third parties,
surfaced as a measures tab on the third party detail page and a third
parties tab on the measure detail page. Each side gets a paginated
list with a link/unlink dialog.

Also remove the right-hand drawer on the measure detail page and
expose the state as a badge in the page header, mirroring how the
compliance page surfaces its active flag.

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>

apps/console/src/hooks/graph/ThirdPartyGraph.ts

@@ -202,6 +202,9 @@ export const thirdPartyNodeQuery = graphql`
         canUploadDPA: permission(
           action: "core:thirdParty-data-privacy-agreement:upload"
         )
+        measuresInfos: measures(first: 0) {
+          totalCount
+        }
         ...useThirdPartyFormFragment
         ...ThirdPartyComplianceTabFragment
         ...ThirdPartyContactsTabFragment
@@ -209,6 +212,7 @@ export const thirdPartyNodeQuery = graphql`
         ...ThirdPartyRiskAssessmentTabFragment
         ...ThirdPartyOverviewTabBusinessAssociateAgreementFragment
         ...ThirdPartyOverviewTabDataPrivacyAgreementFragment
+        ...ThirdPartyMeasuresPageFragment
       }
     }
     viewer {
@@ -221,7 +225,11 @@ export const thirdPartiesSelectQuery = graphql`
   query ThirdPartyGraphSelectQuery($organizationId: ID!) {
     organization: node(id: $organizationId) {
       ... on Organization {
-        thirdParties(first: 100, orderBy: { direction: ASC, field: NAME }) {
+        thirdParties(
+          first: 100
+          orderBy: { direction: ASC, field: NAME }
+          filter: { firstLevel: true }
+        ) {
           edges {
             node {
               id