chore(website): mock ResizeObserver, neccesary for headlessui v2

see tailwindlabs/headlessui#3268

website/package.json

@@ -90,6 +90,7 @@
         "msw": "^2.3.1",
         "prettier": "3.3.2",
         "prettier-plugin-astro": "^0.14.0",
+        "resize-observer-polyfill": "^1.5.1",
         "sass": "^1.77.6",
         "tailwindcss": "^3.4.4",
         "typescript": "^5.5.2",

website/vitest.setup.ts

@@ -4,7 +4,8 @@ import '@testing-library/jest-dom';
 import { HttpStatusCode } from 'axios';
 import { http } from 'msw';
 import { setupServer } from 'msw/node';
-import { afterAll, afterEach, beforeAll, beforeEach } from 'vitest';
+import ResizeObserver from 'resize-observer-polyfill';
+import { afterAll, afterEach, beforeAll, beforeEach, vi } from 'vitest';
 
 import type { GetSequencesResponse, Group, SequenceEntryToEdit, SubmissionIdMapping } from './src/types/backend.ts';
 import type { DetailsResponse, InsertionsResponse, LapisError, MutationsResponse } from './src/types/lapis.ts';
@@ -33,6 +34,10 @@ export const testConfig = {
     backendKeycloakClientSecret: 'dummy',
 } as RuntimeConfig;
 
+// Stubbing necessary since headlessui v2
+// See https://github.com/tailwindlabs/headlessui/issues/3268
+vi.stubGlobal('ResizeObserver', ResizeObserver);
+
 export const metadataKey = 'originalMetaDataField';
 export const editableEntry = 'originalMetaDataValue';
 export const defaultReviewData: SequenceEntryToEdit = {