deps(website): update headlessui and add jsdom polyfill

see:
- tailwindlabs/headlessui#3473
- tailwindlabs/headlessui#3469

website/package.json

@@ -24,7 +24,7 @@
         "@astrojs/mdx": "^3.1.5",
         "@astrojs/node": "^8.3.3",
         "@emotion/react": "^11.13.3",
-        "@headlessui/react": "^2.1.4",
+        "@headlessui/react": "^2.1.7",
         "@mui/material": "~5.14.20",
         "@svgr/core": "^8.1.0",
         "@svgr/plugin-jsx": "^8.1.0",
@@ -85,6 +85,7 @@
         "eslint-plugin-react": "^7.35.2",
         "eslint-plugin-react-hooks": "^4.6.2",
         "jsdom": "^25.0.0",
+        "jsdom-testing-mocks": "^1.13.1",
         "msw": "^2.4.1",
         "prettier": "3.3.3",
         "prettier-plugin-astro": "^0.14.1",

website/vitest.setup.ts

@@ -2,6 +2,7 @@
 import '@testing-library/jest-dom';
 
 import { HttpStatusCode } from 'axios';
+import { mockAnimationsApi } from 'jsdom-testing-mocks';
 import { http } from 'msw';
 import { setupServer } from 'msw/node';
 import ResizeObserver from 'resize-observer-polyfill';
@@ -38,6 +39,10 @@ export const testConfig = {
 // See https://github.com/tailwindlabs/headlessui/issues/3268
 vi.stubGlobal('ResizeObserver', ResizeObserver);
 
+// Mocking necessary since headlessui v2.1.5
+// See https://github.com/tailwindlabs/headlessui/issues/3469
+mockAnimationsApi();
+
 export const metadataKey = 'originalMetaDataField';
 export const editableEntry = 'originalMetaDataValue';
 export const defaultReviewData: SequenceEntryToEdit = {