Revamp image editor (#5462)

* new image editor

* Rm react-avatar-editor

---------

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>

src/lib/media/picker.web.tsx

@@ -18,9 +18,11 @@ export async function openCropper(opts: CropperOptions): Promise<RNImage> {
       name: 'crop-image',
       uri: opts.path,
       dimensions:
-        opts.height && opts.width
+        opts.width && opts.height
           ? {width: opts.width, height: opts.height}
           : undefined,
+      aspect: opts.webAspectRatio,
+      circular: opts.webCircularCrop,
       onSelect: (img?: RNImage) => {
         if (img) {
           resolve(img)

src/lib/media/types.ts

@@ -18,4 +18,7 @@ export interface CameraOpts {
   cropperCircleOverlay?: boolean
 }
 
-export type CropperOptions = Parameters<typeof openCropper>[0]
+export type CropperOptions = Parameters<typeof openCropper>[0] & {
+  webAspectRatio?: number
+  webCircularCrop?: boolean
+}