fix(animated-fab): add canvasContext caching (web)

Author: BogiKay

src/components/FAB/utils.ts

@@ -436,13 +436,17 @@ export const getExtendedFabStyle = ({
   return isV3 ? v3Extended : extended;
 };
 
+let cachedContext: CanvasRenderingContext2D | null = null;
+
 const getCanvasContext = () => {
-  const fragment = document.createDocumentFragment();
-  const canvas = document.createElement('canvas');
+  if (cachedContext) {
+    return cachedContext;
+  }
 
-  fragment.appendChild(canvas);
+  const canvas = document.createElement('canvas');
+  cachedContext = canvas.getContext('2d');
 
-  return canvas.getContext('2d');
+  return cachedContext;
 };
 
 export const getLabelSizeWeb = (ref: MutableRefObject<HTMLElement | null>) => {