[Snyk] Security upgrade next from 14.2.20 to 14.2.21 (#283)

Update react version

Co-authored-by: Pete Edwards <[email protected]>

e2e/manage.playwright.ts

@@ -283,6 +283,10 @@ test("resources page", async ({ page, auth, visible, setup, browserName }) => {
   await page.getByTestId(`grant-actions-${fileName}`).click();
   await expect(page.getByTestId(`grant-popover-${fileName}`)).toBeVisible();
 
+  // Test the popover closes on blur.
+  await page.getByTestId("agent-info-box").click();
+  await expect(page.getByTestId(`grant-popover-${fileName}`)).not.toBeVisible();
+
   // Open the sidebar
   await page
     .getByTestId(
@@ -291,8 +295,6 @@ test("resources page", async ({ page, auth, visible, setup, browserName }) => {
       )}]-resource[${sharedFileIri}]`
     )
     .click();
-  // The popover was purposefully not closed to check it closes on blur.
-  await expect(page.getByTestId(`grant-popover-${fileName}`)).not.toBeVisible();
 
   // Access grant was read only - so that should be reflected in the information in the sidebar
   await visible(page.getByTestId("sidebar-access-mode-read"));

e2e/test-app/package.json

@@ -18,7 +18,7 @@
     "@inrupt/solid-client-authn-browser": "^2.3.0",
     "@inrupt/solid-client-authn-node": "^2.3.0",
     "@inrupt/solid-client-vc": "^1.2.0",
-    "next": "^14.2.15",
+    "next": "^14.2.22",
     "react": "^18.2.0",
     "react-dom": "18.3.1"
   },

pages/resources/index.tsx

@@ -288,7 +288,10 @@ export default function ResourcesPage() {
 
           {typeof agent === "string" && (
             <>
-              <div className={styles["agent-info-box"]}>
+              <div
+                className={styles["agent-info-box"]}
+                data-testid="agent-info-box"
+              >
                 <DisplayImage url={agent} className={styles["agent-icon"]} />
                 <div>
                   <h2>