fix(#563): use local icons instead of platform specific

Signed-off-by: peterpeterparker <[email protected]>

studio/src/app/components/core/app-avatar/app-avatar.tsx

@@ -18,7 +18,7 @@ export class AppAvatar {
             </ion-avatar>
         } else {
             return <ion-avatar>
-                <ion-icon name="person" md="md-person" ios="md-person" aria-label={this.ariaLabel}></ion-icon>
+                <ion-icon src="/assets/icons/ionicons/md-person.svg" aria-label={this.ariaLabel}></ion-icon>
             </ion-avatar>
         }
     }

studio/src/app/components/editor/actions/app-editor-actions/app-editor-actions.tsx

@@ -390,7 +390,7 @@ export class AppEditorActions {
 
                 <ion-tab-button onClick={(e: UIEvent) => this.openMoreActions(e)} color="primary" class="small-devices"
                                 mode="md">
-                    <ion-icon name="more" md="md-more" ios="md-more"></ion-icon>
+                    <ion-icon src="/assets/icons/ionicons/md-more.svg"></ion-icon>
                     <ion-label>More</ion-label>
                 </ion-tab-button>
             </ion-buttons>

studio/src/app/components/editor/actions/app-help-action/app-help-action.tsx

@@ -21,7 +21,7 @@ export class AppHelpAction {
 
     render() {
         return <ion-tab-button onClick={() => this.openGetHelp()} color="primary" mode="md" class="get-help-action">
-            <ion-icon name="help" md="md-help" ios="md-help"></ion-icon>
+            <ion-icon src="/assets/icons/ionicons/md-help.svg"></ion-icon>
             <ion-label>Help</ion-label>
         </ion-tab-button>
     }

studio/src/app/components/editor/color/app-color-chart/app-color-chart.tsx

@@ -218,7 +218,7 @@ export class AppColorDeckSlide {
             <deckgo-color class="ion-padding-start ion-padding-end ion-padding-bottom" more={this.moreColors}
                           onColorChange={($event: CustomEvent) => this.selectColor($event)}
                           color-rgb={this.color}>
-                <ion-icon name="more" ios="md-mode" md="md-more" slot="more" aria-label="More" class="more"></ion-icon>
+                <ion-icon src="/assets/icons/ionicons/md-more.svg" slot="more" aria-label="More" class="more"></ion-icon>
             </deckgo-color>
         ]
     }

studio/src/app/components/editor/color/app-color-code/app-color-code.tsx

@@ -331,7 +331,7 @@ export class AppColorCode {
 
                 <div class={this.codeColorType === undefined ? 'ion-padding-start disabled' : 'ion-padding-start'}>
                     <deckgo-color class="ion-padding-bottom" onColorChange={($event: CustomEvent) => this.selectColor($event, this.setCodeColor)} color-rgb={this.codeColor} more={this.moreColors}>
-                        <ion-icon name="more" ios="md-mode" md="md-more" slot="more" aria-label="More" class="more"></ion-icon>
+                        <ion-icon src="/assets/icons/ionicons/md-more.svg" slot="more" aria-label="More" class="more"></ion-icon>
                     </deckgo-color>
                 </div>
 
@@ -367,7 +367,7 @@ export class AppColorCode {
 
                 <div class={!this.highlightLines || this.highlightLines === undefined ? 'ion-padding-start disabled' : 'ion-padding-start'}>
                     <deckgo-color class="ion-padding-bottom" onColorChange={($event: CustomEvent) => this.selectColor($event, this.setHighlightColor)} color-rgb={this.highlightColor} more={this.moreColors}>
-                        <ion-icon name="more" ios="md-mode" md="md-more" slot="more" aria-label="More" class="more"></ion-icon>
+                        <ion-icon src="/assets/icons/ionicons/md-more.svg" slot="more" aria-label="More" class="more"></ion-icon>
                     </deckgo-color>
                 </div>
             </ion-list>

studio/src/app/components/editor/color/app-color-qrcode/app-color-qrcode.tsx

@@ -170,7 +170,7 @@ export class AppColorQRCode {
             </ion-list>,
             <deckgo-color class="ion-padding-start ion-padding-end ion-padding-bottom" more={this.moreColors}
                           onColorChange={($event: CustomEvent) => this.selectColor($event)} color-rgb={this.color}>
-                <ion-icon name="more" ios="md-mode" md="md-more" slot="more" aria-label="More" class="more"></ion-icon>
+                <ion-icon src="/assets/icons/ionicons/md-more.svg" slot="more" aria-label="More" class="more"></ion-icon>
             </deckgo-color>,
             <ion-item class="action-button ion-margin-bottom">
                 <ion-button shape="round" onClick={() => this.resetColor()}

studio/src/app/components/editor/color/app-color-sides/app-color-sides.tsx

@@ -189,7 +189,7 @@ export class AppColorSides {
             </ion-list>,
             <deckgo-color class="ion-padding-start ion-padding-end ion-padding-bottom" more={this.moreColors}
                           onColorChange={($event: CustomEvent) => this.selectColor($event)} color-rgb={this.color}>
-                <ion-icon name="more" ios="md-mode" md="md-more" slot="more" aria-label="More" class="more"></ion-icon>
+                <ion-icon src="/assets/icons/ionicons/md-more.svg" slot="more" aria-label="More" class="more"></ion-icon>
             </deckgo-color>,
             <ion-item class="action-button ion-margin-bottom">
                 <ion-button shape="round" onClick={() => this.resetColor()}

studio/src/app/components/editor/color/app-color-text-background/app-color-text-background.tsx

@@ -206,7 +206,7 @@ export class AppColorTextBackground {
             </ion-list>,
             <deckgo-color class="ion-padding-start ion-padding-end ion-padding-bottom" more={this.moreColors}
                           onColorChange={($event: CustomEvent) => this.selectColor($event)} color-rgb={this.color}>
-                <ion-icon name="more" ios="md-mode" md="md-more" slot="more" aria-label="More" class="more"></ion-icon>
+                <ion-icon src="/assets/icons/ionicons/md-more.svg" slot="more" aria-label="More" class="more"></ion-icon>
             </deckgo-color>,
             <ion-item class="action-button ion-margin-bottom">
                 <ion-button shape="round" onClick={() => this.resetColor()}