message: docs(spinner): add spinner examples
diff: --ion-safe-area-top: 20px;
  --ion-safe-area-bottom: 22px;
  }
  -
  - main {
  - align-items: center;
  - display: flex;
  - height: 100%;
  - justify-content: center;
  - width: 100%;
  - }
  </style>
  </head>
  <body>
  </ion-toolbar>
  </ion-header>
  <ion-content>
  - <main>
  + <ion-list>
  + <ion-item>
  + <ion-label>Default</ion-label>
  + <ion-spinner></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Lines</ion-label>
  + <ion-spinner name="lines"></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Lines Small</ion-label>
  + <ion-spinner name="lines-small"></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Dots</ion-label>
  + <ion-spinner name="dots"></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Bubbles</ion-label>
  + <ion-spinner name="bubbles"></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Circles</ion-label>
  + <ion-spinner name="circles"></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Crescent</ion-label>
  + <ion-spinner name="crescent"></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Paused</ion-label>
  + <ion-spinner paused></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Primary</ion-label>
  <ion-spinner color="primary"></ion-spinner>
  - </main>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Secondary</ion-label>
  + <ion-spinner color="secondary"></ion-spinner>
  + </ion-item>
  +
  + <ion-item>
  + <ion-label>Tertiary</ion-label>
  + <ion-spinner color="tertiary"></ion-spinner>
  + </ion-item>
  + </ion-list>
  </ion-content>
  </ion-app>
  </body>
  