Establish ZoomableEventListener to detect start and finish zooming events

Summary:
## Context

- We want to test Pinch to Zoom on reels ads, in order to bring more consistency across the app.
- This feature is already launched on reels organic and home feed, and is being tested on stories too.

## This Diff
- In `ClipsItemGestureDetector`, when an `onTouchEvent()` is received, the `zoomableGestureController` calls `onTouch`, which then calls `listeners.any { it.onTouchEvent(event) } ` in `ZoomableTouchGestureListener`. This ends up calling the zoomableTouchListener overriden onTouchEvent function within LithoZoomableController, and inside this it ends up calling the necessary functions to start zoom methods in ZoomableViewBaseController
- We now want to do the reverse.
- To notify `ClipsItemComponent` when zooming starts and finishes, we will use a callback interface. We will create a new interface ` ZoomableEventListener`with two methods: onZoomStarted() and onZoomFinished() within the `ZoomableViewBaseController`.

Reviewed By: fbcbl

Differential Revision: D68932919

fbshipit-source-id: 066a9d7c1f48c72479cfd66d0501fef050324b7b

Author: Christopher Asfour

Diff for: litho-zoomable/src/main/kotlin/com/facebook/litho/widget/zoomable/ZoomableComponent.kt

@@ -38,11 +38,13 @@ import com.facebook.rendercore.primitives.LayoutBehavior
 import com.facebook.rendercore.primitives.LayoutScope
 import com.facebook.rendercore.primitives.PrimitiveLayoutResult
 import com.facebook.rendercore.primitives.ViewAllocator
+import com.facebook.rendercore.zoomable.ZoomableViewBaseController
 import kotlin.math.max
 
 @ExperimentalLithoApi
 class ZoomableComponent(
     private val zoomableTouchGestureListener: ZoomableTouchGestureListener? = null,
+    private val zoomableEventListener: ZoomableViewBaseController.Listener? = null,
     private val style: Style = Style,
     private val child: () -> Component
 ) : PrimitiveComponent() {
@@ -83,14 +85,18 @@ class ZoomableComponent(
             MountBehavior(ALLOCATOR) {
               bindToRenderTreeView(state = state) { renderTreeView }
 
-              bind(lithoZoomableController) { content ->
+              bind(lithoZoomableController, zoomableEventListener) { content ->
                 lithoZoomableController.bindTo(content)
                 zoomableTouchGestureListener.addZoomableTouchListener(
                     lithoZoomableController.zoomableTouchListener)
+                zoomableEventListener?.let { lithoZoomableController.addZoomableEventListener(it) }
 
                 onUnbind {
                   zoomableTouchGestureListener.removeZoomableTouchListener(
                       lithoZoomableController.zoomableTouchListener)
+                  zoomableEventListener?.let {
+                    lithoZoomableController.removeZoomableEventListener(it)
+                  }
                   lithoZoomableController.unbind()
                 }
               }