refactor(@schematics/angular): use control flow to reduce code

This commit uses control flow to reduces code in the template

(cherry picked from commit be6ef55)

Author: alan-agius4

packages/schematics/angular/application/files/common-files/src/app/app.component.html.template

@@ -237,101 +237,33 @@
     <div class="divider" role="separator" aria-label="Divider"></div>
     <div class="right-side">
       <div class="pill-group">
-        <a
-          class="pill"
-          href="http://angular.dev"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> Explore the Docs </span>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="14"
-            viewBox="0 -960 960 960"
-            width="14"
-            fill="currentColor"
-          >
-            <path
-              d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
-            />
-          </svg>
-        </a>
-        <a
-          class="pill"
-          href="http://angular.dev/tutorials"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> Learn with Tutorials </span>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="14"
-            viewBox="0 -960 960 960"
-            width="14"
-            fill="currentColor"
-          >
-            <path
-              d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
-            />
-          </svg>
-        </a>
-        <a
-          class="pill"
-          href="http://angular.dev/tools/cli"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> CLI Docs </span>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="14"
-            viewBox="0 -960 960 960"
-            width="14"
-            fill="currentColor"
-          >
-            <path
-              d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
-            />
-          </svg>
-        </a>
-        <a
-          class="pill"
-          href="http://angular.dev/tools/language-service"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> Angular Language Service </span>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="14"
-            viewBox="0 -960 960 960"
-            width="14"
-            fill="currentColor"
+        @for (item of [
+          { title: 'Explore the Docs', link: 'https://angular.dev' },
+          { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' },
+          { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' },
+          { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' },
+          { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' },
+        ]; track item.title) {
+          <a
+            class="pill"
+            href="{{ item.link }}"
+            target="_blank"
+            rel="noopener"
           >
-            <path
-              d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
-            />
-          </svg>
-        </a>
-        <a
-          class="pill"
-          href="http://angular.dev/tools/dev-tools"
-          target="_blank"
-          rel="noopener"
-        >
-          <span> Angular DevTools </span>
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            height="14"
-            viewBox="0 -960 960 960"
-            width="14"
-            fill="currentColor"
-          >
-            <path
-              d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
-            />
-          </svg>
-        </a>
+            <span>{{ item.title }}</span>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              height="14"
+              viewBox="0 -960 960 960"
+              width="14"
+              fill="currentColor"
+            >
+              <path
+                d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
+              />
+            </svg>
+          </a>
+        }
       </div>
       <div class="social-links">
         <a