Add copilot-my-component with Future Star Wars Planets list

src/app/app.html

@@ -1 +1,2 @@
 <app-sw-planet-films></app-sw-planet-films>
+<app-copilot-my-component></app-copilot-my-component>

src/app/app.ts

@@ -1,9 +1,10 @@
 import { Component, signal } from '@angular/core';
 import { SwPlanetFilms } from './sw-planet-films/sw-planet-films';
+import { CopilotMyComponent } from './copilot-my-component/copilot-my-component';
 
 @Component({
 	selector: 'app-root',
-	imports: [SwPlanetFilms],
+	imports: [SwPlanetFilms, CopilotMyComponent],
 	templateUrl: './app.html',
 	styleUrl: './app.css',
 })

src/app/copilot-my-component/copilot-my-component.html

@@ -0,0 +1,8 @@
+<h1>Future Star Wars Planets</h1>
+<ul>
+	<li>Coruscant</li>
+	<li>Mandalore</li>
+	<li>Naboo</li>
+	<li>Kamino</li>
+	<li>Mustafar</li>
+</ul>

src/app/copilot-my-component/copilot-my-component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-copilot-my-component',
+	imports: [],
+	templateUrl: './copilot-my-component.html',
+	styleUrl: './copilot-my-component.css',
+})
+export class CopilotMyComponent {}