feat(): React 19/ RN 0.78 upgrade (#2993)

BREAKING CHANGE:
* React 19 and React Native 0.78 minimum are required
* SDK 26 minimum is required on Android
* The `debug` and `mode` properties are now deprecated 
* `SKSGRoot` api is now async, as a result functions such as `drawAsImage` are now async as well.

Author: wcandillon

.github/workflows/ci.yml

@@ -6,6 +6,7 @@ on:
   pull_request:
     branches:
       - main
+      - next
   merge_group:
     types:
       - checks_requested
@@ -190,15 +191,14 @@ jobs:
       - name: Install Android SDK
         run: |
           echo "sdk.dir=$ANDROID_HOME" > $GITHUB_WORKSPACE/apps/paper/android/local.properties
-          echo "sdk.dir=$ANDROID_HOME" > $GITHUB_WORKSPACE/apps/fabric/android/local.properties
 
       - name: Cache Gradle
         uses: actions/cache@v3
         with:
           path: |
             ~/.gradle/wrapper
             ~/.gradle/caches
-          key: ${{ runner.os }}-gradle-${{ hashFiles('./apps/paper/android/gradle/wrapper/gradle-wrapper.properties') }}-${{ hashFiles('./apps/fabric/android/gradle/wrapper/gradle-wrapper.properties') }}
+          key: ${{ runner.os }}-gradle-${{ hashFiles('./apps/paper/android/gradle/wrapper/gradle-wrapper.properties') }}
           restore-keys: |
             ${{ runner.os }}-gradle-
 
@@ -272,7 +272,7 @@ jobs:
       #   run: echo "PACKAGE_NAME=${{ env.PACKAGE_NAME }}" >> $GITHUB_ENV
       - name: Launch APK
         env:
-          PACKAGE_NAME: ${{ matrix.working-directory == 'fabricexample' && 'com.fabricexample' || 'com.paper' }}  
+          PACKAGE_NAME: 'com.paper'
         run: adb shell monkey -p ${{ env.PACKAGE_NAME }} 1  
 
       # On fabric, the system fonts are slightly different

apps/docs/docs/shapes/atlas.md

@@ -47,7 +47,7 @@ rsxForm = Skia.RSXformFromRadians(1, r, 100, 0, 125, 25);
 In the example below, we draw in simple rectangle as an image.
 Then we display that rectangle 150 times with a simple transformation applied to each rectangle.
 
-```tsx twoslash
+```tsx
 import {Skia, drawAsImage, Group, Rect, Canvas, Atlas, rect} from "@shopify/react-native-skia";
 
 const size = { width: 25, height: 11.25 };
@@ -56,7 +56,7 @@ const imageSize = {
     width: size.width + strokeWidth,
     height: size.height + strokeWidth,
 };
-const image = drawAsImage(
+const image = await drawAsImage(
     <Group>
     <Rect
         rect={rect(strokeWidth / 2, strokeWidth / 2, size.width, size.height)}