message: docs(reorder): improve reorder demo
diff: <ion-header translucent>
  <ion-toolbar>
  <ion-title>Reorder</ion-title>
  + <ion-buttons slot="primary">
  + <ion-button onclick="toggleReorder()">Toggle</ion-button>
  + </ion-buttons>
  </ion-toolbar>
  </ion-header>
  - <ion-content fullscreen padding>
  + <ion-content fullscreen>
  <ion-list>
  + <ion-list-header>Reorder Icon</ion-list-header>
  <ion-reorder-group id="reorder">
  <ion-item>
  <ion-label>
  - Item 1 (default ion-reorder)
  + Item 1
  </ion-label>
  <ion-reorder slot="end"></ion-reorder>
  </ion-item>
  <ion-item>
  <ion-label>
  - Item 2 (default ion-reorder)
  + Item 2
  </ion-label>
  <ion-reorder slot="end"></ion-reorder>
  </ion-item>
  <ion-item>
  <ion-label>
  - Item 3 (default ion-reorder slot="start")
  + Item 3
  </ion-label>
  - <ion-reorder slot="start"></ion-reorder>
  + <ion-reorder slot="end"></ion-reorder>
  </ion-item>
  - <ion-item color="secondary">
  + <ion-item>
  <ion-label>
  - Item 4 (default ion-reorder slot="start")
  + Item 4
  </ion-label>
  - <ion-reorder slot="start"></ion-reorder>
  + <ion-reorder slot="end"></ion-reorder>
  </ion-item>
  + <ion-list-header>Custom Reorder Icon</ion-list-header>
  <ion-item>
  <ion-label>
  - Item 5 (custom ion-reorder)
  + Item 5
  </ion-label>
  - <ion-reorder slot="end">
  - <ion-icon name="pizza"></ion-icon>
  + <ion-reorder slot="start">
  + <ion-icon name="repeat"></ion-icon>
  </ion-reorder>
  </ion-item>
  <ion-item>
  <ion-label>
  - Item 6 (custom ion-reorder)
  + Item 6
  </ion-label>
  - <ion-reorder slot="end">
  - <ion-icon name="pizza"></ion-icon>
  + <ion-reorder slot="start">
  + <ion-icon name="repeat"></ion-icon>
  </ion-reorder>
  </ion-item>
  <ion-item>
  <ion-label>
  - Item 7 (custom ion-reorder slot="start")
  + Item 7
  </ion-label>
  <ion-reorder slot="start">
  - <ion-icon name="pizza"></ion-icon>
  + <ion-icon name="repeat"></ion-icon>
  </ion-reorder>
  </ion-item>
  + <ion-list-header>Reorder Item</ion-list-header>
  <ion-reorder>
  <ion-item>
  <ion-label>
  - Item 8 (the whole item can be dragged)
  + Item 8
  </ion-label>
  </ion-item>
  </ion-reorder>
  <ion-reorder>
  <ion-item>
  <ion-label>
  - Item 9 (the whole item can be dragged)
  + Item 9
  </ion-label>
  </ion-item>
  </ion-reorder>
  <ion-reorder>
  <ion-item>
  <ion-label>
  - Item 10 (the whole item can be dragged)
  + Item 10
  </ion-label>
  </ion-item>
  </ion-reorder>
  </ion-app>
  <script>
  - function toggleEdit() {
  + function toggleReorder() {
  const reorderGroup = document.getElementById('reorder');
  reorderGroup.disabled = !reorderGroup.disabled;
  + reorderGroup.addEventListener('ionItemReorder', ({detail}) => {
  + detail.complete(true);
  + });
  }
  </script>
  </body>
  