docs(demos): update API demos so they all have ion-navs

- add spacing between imports
- alphabetize imports
- removed app.html files in favor of an inline ion-nav
- cleaned up config demo so it uses proper syntax
- use file name main.html for the first page for the demo
- name the app ApiDemoApp and first page ApiDemoPage
- replace the ion-toolbars with ion-navbars

closes #7019
closes driftyco/ionic-site#647

demos/checkbox/index.ts

@@ -1,11 +1,12 @@
-import {Component} from '@angular/core';
-import {ionicBootstrap} from 'ionic-angular';
+import { Component } from '@angular/core';
+
+import { ionicBootstrap } from 'ionic-angular';
 
 
 @Component({
   templateUrl: 'main.html'
 })
-class ApiDemoApp {
+class ApiDemoPage {
 
   data = {
     jon: true,
@@ -23,4 +24,12 @@ class ApiDemoApp {
 
 }
 
+
+@Component({
+  template: '<ion-nav [root]="root"></ion-nav>'
+})
+class ApiDemoApp {
+  root = ApiDemoPage;
+}
+
 ionicBootstrap(ApiDemoApp);

demos/checkbox/main.html

@@ -1,8 +1,8 @@
 <ion-header>
 
-  <ion-toolbar>
+  <ion-navbar>
     <ion-title>Checkbox</ion-title>
-  </ion-toolbar>
+  </ion-navbar>
 
 </ion-header>