docs(gesture): add playground example for basic usage

docs/utilities/gestures.md

@@ -139,6 +139,8 @@ const gesture = createGesture({
 
 import Basic from '@site/static/usage/v7/gestures/basic/index.md';
 
+In this example, our app listens for gestures on the `ion-content` element. When a gesture movement is started, the `onStart` function is called and a class is added to our `ion-card` to add a colored box shadow. When a gesture movement is detected, the `onMove` function is called and our app prints the current gesture information within the `ion-card`. Finally, when a gesture movement is ended, the `onEnd` function is called and the custom class is removed from our `ion-card`.
+
 <Basic />
 
 ## Double Click Gesture

static/usage/v7/gestures/basic/javascript.md

@@ -31,7 +31,7 @@
   const onMove = (detail) => {
     const { type, currentX, deltaX, velocityX } = detail;
     p.innerHTML = `
-          <div>Type: ${type}</div>
+    <div>Type: ${type}</div>
     <div>Current X: ${currentX}</div>
     <div>Delta X: ${deltaX}</div>
     <div>Velocity X: ${velocityX}</div>`;