implement button and logic for canceling reservation request

.snyk

@@ -33,3 +33,37 @@ ignore:
         reason: 'Transitive dependency in express, @docusaurus/core, @apollo/server, apollo-link-rest; not exploitable in current usage.'
         expires: '2026-01-19T00:00:00.000Z'
         created: '2026-01-05T09:39:00.000Z'
+  'SNYK-JS-PNPMNPMCONF-14897556':
+    - '@docusaurus/core@3.9.2 > update-notifier@6.0.2 > latest-version@7.0.0 > package-json@8.1.1 > registry-auth-token@5.1.0 > @pnpm/npm-conf@2.3.1':
+        reason: 'Deep transitive dependency in Docusaurus; command injection vulnerability not exploitable in docs build context (static site generator, no untrusted input). Upgrade path blocked until Docusaurus updates update-notifier. Will reassess when Docusaurus 3.10+ is available.'
+        expires: '2026-07-08T00:00:00.000Z'
+        created: '2026-01-08T00:00:00.000Z'
+    - '@docusaurus/preset-classic@3.9.2 > @docusaurus/core@3.9.2 > update-notifier@6.0.2 > latest-version@7.0.0 > package-json@8.1.1 > registry-auth-token@5.1.0 > @pnpm/npm-conf@2.3.1':
+        reason: 'Deep transitive dependency in Docusaurus; command injection vulnerability not exploitable in docs build context (static site generator, no untrusted input). Upgrade path blocked until Docusaurus updates update-notifier. Will reassess when Docusaurus 3.10+ is available.'
+        expires: '2026-07-08T00:00:00.000Z'
+        created: '2026-01-08T00:00:00.000Z'
+  'SNYK-JS-REACTROUTER-14908286':
+    - '@docusaurus/core@3.9.2 > react-router@5.3.4':
+        reason: 'Transitive dependency in Docusaurus; not exploitable in documentation site context.'
+        expires: '2026-07-09T00:00:00.000Z'
+        created: '2026-01-09T00:00:00.000Z'
+    - '@docusaurus/core@3.9.2 > * > react-router@5.3.4':
+        reason: 'Transitive dependency in Docusaurus; not exploitable in documentation site context.'
+        expires: '2026-07-09T00:00:00.000Z'
+        created: '2026-01-09T00:00:00.000Z'
+    - '@docusaurus/plugin-content-docs@3.9.2 > * > react-router@5.3.4':
+        reason: 'Transitive dependency in Docusaurus; not exploitable in documentation site context.'
+        expires: '2026-07-09T00:00:00.000Z'
+        created: '2026-01-09T00:00:00.000Z'
+    - '@docusaurus/preset-classic@3.9.2 > * > react-router@5.3.4':
+        reason: 'Transitive dependency in Docusaurus; not exploitable in documentation site context.'
+        expires: '2026-07-09T00:00:00.000Z'
+        created: '2026-01-09T00:00:00.000Z'
+    - '@docusaurus/theme-classic@3.9.2 > * > react-router@5.3.4':
+        reason: 'Transitive dependency in Docusaurus; not exploitable in documentation site context.'
+        expires: '2026-07-09T00:00:00.000Z'
+        created: '2026-01-09T00:00:00.000Z'
+    - '@docusaurus/theme-search-algolia@3.9.2 > * > react-router@5.3.4':
+        reason: 'Transitive dependency in Docusaurus; not exploitable in documentation site context.'
+        expires: '2026-07-09T00:00:00.000Z'
+        created: '2026-01-09T00:00:00.000Z'

apps/ui-sharethrift/package.json

@@ -28,7 +28,7 @@
 		"react": "^19.1.1",
 		"react-dom": "^19.1.1",
 		"react-oidc-context": "^3.3.0",
-		"react-router-dom": "^7.8.0",
+		"react-router-dom": "^7.12.0",
 		"rxjs": "^7.8.2"
 	},
 	"devDependencies": {

apps/ui-sharethrift/src/components/layouts/home/components/view-listing/listing-information/listing-information.container.graphql

@@ -42,3 +42,15 @@ mutation HomeListingInformationCreateReservationRequest(
 		updatedAt
 	}
 }
+
+mutation HomeListingInformationCancelReservationRequest(
+	$input: CancelReservationInput!
+) {
+	cancelReservation(input: $input) {
+		id
+		state
+		updatedAt
+		closeRequestedBySharer
+		closeRequestedByReserver
+	}
+}