add oddbird polyfill - not quite working

Not quite working yet.  polyfill is loaded, but positioned elements are spanning whole viewport.  Parking this for now.

client/components/anchorPositioningPolyfill.js

@@ -0,0 +1,29 @@
+import './anchorPositioningPolyfill.less';
+
+let polyfillPromise;
+
+const supportsAnchorPositioning = ()=>'anchorName' in document.documentElement.style;
+
+const afterInitialRender = ()=>new Promise((resolve)=>{
+	requestAnimationFrame(()=>{
+		requestAnimationFrame(resolve);
+	});
+});
+
+export const bootstrapAnchorPositioningPolyfill = ()=>{
+	if(supportsAnchorPositioning()) return Promise.resolve(false);
+	if(polyfillPromise) return polyfillPromise;
+
+	polyfillPromise = afterInitialRender()
+		.then(async ()=>{
+			const { default: polyfill } = await import('@oddbird/css-anchor-positioning/fn');
+			await polyfill();
+			return true;
+		})
+		.catch((error)=>{
+			polyfillPromise = undefined;
+			throw error;
+		});
+
+	return polyfillPromise;
+};