docs(icon): update angular to standalone

Author: brandyscarney

static/usage/v7/icon/basic/angular/example_component_ts.md

@@ -1,5 +1,6 @@
 ```ts
 import { Component } from '@angular/core';
+import { IonIcon } from '@ionic/angular/standalone';
 
 import { addIcons } from 'ionicons';
 import { logoIonic } from 'ionicons/icons';
@@ -8,6 +9,7 @@ import { logoIonic } from 'ionicons/icons';
   selector: 'app-example',
   templateUrl: 'example.component.html',
   styleUrls: ['example.component.css'],
+  imports: [IonIcon],
 })
 export class ExampleComponent {
   constructor() {

static/usage/v8/icon/basic/angular/example_component_ts.md

@@ -1,22 +1,11 @@
 ```ts
 import { Component } from '@angular/core';
-
-import { addIcons } from 'ionicons';
-import { logoIonic } from 'ionicons/icons';
+import { IonIcon } from '@ionic/angular/standalone';
 
 @Component({
   selector: 'app-example',
   templateUrl: 'example.component.html',
-  styleUrls: ['example.component.css'],
+  imports: [IonIcon],
 })
-export class ExampleComponent {
-  constructor() {
-    /**
-     * Any icons you want to use in your application
-     * can be registered in app.component.ts and then
-     * referenced by name anywhere in your application.
-     */
-    addIcons({ logoIonic });
-  }
-}
+export class ExampleComponent {}
 ```

static/usage/v8/icon/basic/index.md

@@ -12,12 +12,7 @@ import angular_example_component_ts from './angular/example_component_ts.md';
 <Playground
   version="8"
   code={{
-    javascript: {
-      files: {
-        'index.html': javascript_index_html,
-        'index.ts': javascript_index_ts,
-      },
-    },
+    javascript,
     react,
     vue,
     angular: {