docs(popover): use ion-content instead of div for wrappers

Author: amandaesmith333

static/usage/popover/presenting/controller/react.md

@@ -11,13 +11,13 @@ function Example() {
   const [roleMsg, setRoleMsg] = useState('');
 
   return (
-    <div>
+    <IonContent>
       <IonButton onClick={(e: any) => present({
         event: e,
         onDidDismiss: (e: CustomEvent) => setRoleMsg(`Popover dismissed with role: ${e.detail.role}`)
       })}>Click Me</IonButton>
       <p>{roleMsg}</p>
-    </div>
+    </IonContent>
   );
 }
 export default Example;

static/usage/popover/presenting/controller/vue/vue_main.md

@@ -1,17 +1,17 @@
 ```html
 <template>
-  <div>
+  <ion-content>
     <ion-button @click="openPopover">Click Me</ion-button>
     <p>{{ roleMsg }}</p>
-  </div>
+  </ion-content>
 </template>
 
 <script lang="ts">
-import { IonButton, popoverController } from '@ionic/vue';
+import { IonButton, IonContent, popoverController } from '@ionic/vue';
 import Popover from './Popover.vue';
 
 export default {
-  components: { IonButton },
+  components: { IonButton, IonContent },
   data() {
     return {
       roleMsg: ''

static/usage/popover/presenting/inline-trigger/react.md

@@ -3,7 +3,7 @@ import React from 'react';
 import { IonButton, IonContent, IonPopover } from '@ionic/react';
 function Example() {
   return (
-    <div>
+    <IonContent>
       <IonButton id="click-trigger">Left-Click Me</IonButton>
       <IonPopover trigger="click-trigger" triggerAction="click">
         <IonContent class="ion-padding">Hello World!</IonContent>
@@ -18,7 +18,7 @@ function Example() {
       <IonPopover trigger="hover-trigger" triggerAction="hover">
         <IonContent class="ion-padding">Hello World!</IonContent>
       </IonPopover>
-    </div>
+    </IonContent>
   );
 }
 export default Example;

static/usage/popover/presenting/inline-trigger/vue.md

@@ -1,6 +1,6 @@
 ```html
 <template>
-  <div>
+  <ion-content>
     <ion-button id="click-trigger">Left-Click Me</ion-button>
     <ion-popover trigger="click-trigger" trigger-action="click">
       <ion-content class="ion-padding">Hello World!</ion-content>
@@ -15,7 +15,7 @@
     <ion-popover trigger="hover-trigger" trigger-action="hover">
       <ion-content class="ion-padding">Hello World!</ion-content>
     </ion-popover>
-  </div>
+  </ion-content>
 </template>
 
 <script lang="ts">