fix(🌎): new __destroyWebGLContextAfterRender property to support more than 16 Skia canvases on Web

[wcandillon]

fixes #3331
fixes #3297
fixes #2343
fixes #956

Web browsers limit the number of WebGL contexts to 16 per webpage.
Usually developers will see this error when they exceed this limit:

WARNING: Too many active WebGL contexts. Oldest context will be lost.

If you canvas is static and doesn't contain animation values, you can use the __destroyWebGLContextAfterRender ={false} prop on your Canvas components to destroy the WebGL context after rendering.
This even works with animated canvases but it will come with a performance cost as the context will be recreated on each render.

import { View } from 'react-native';
import { Canvas, Fill } from "@shopify/react-native-skia";

export default function App() {
  return (
    <View style={{ flex: 1 }}>
      {
        // 20 Skia Canvases with __destroyWebGLContextAfterRender ={false}
        new Array(20).fill(0).map((_, i) => (
          <Canvas key={i} style={{ width: 100, height: 100 }} __destroyWebGLContextAfterRender={false}>
            <Fill color="lightblue" />
          </Canvas>
        ))
      }
    </View>
  );
}

[github-actions]

🎉 This PR is included in version 2.2.10 🎉

The release is available on:

• v2.2.10
• GitHub release

Your semantic-release bot 📦🚀