feat(injectionToken): create new challenge on injectionToken

apps/angular/injection-token/src/app/timer-container.component.ts

@@ -0,0 +1,21 @@
+import { Component } from '@angular/core';
+import { DEFAULT_TIMER } from './data';
+import { TimerComponent } from './timer.component';
+@Component({
+  selector: 'timer-container',
+  standalone: true,
+  imports: [TimerComponent],
+  template: `
+    <div class="flex gap-2">
+      Timer container:
+      <p class="italic">(timer is {{ timer }}s)</p>
+    </div>
+    <timer />
+  `,
+  host: {
+    class: 'border rounded-md flex p-4 gap-10',
+  },
+})
+export class TimerContainerComponent {
+  timer = DEFAULT_TIMER;
+}