docs: external link opening on new tab

docs/src/app/shared/footer/footer.html

@@ -2,15 +2,17 @@
   <div class="docs-footer-list">
     <div class="docs-footer-logo">
       <div class="footer-logo">
-        <app-logo/>
-        <a href="https://angular.dev">Learn Angular</a>
+        <app-logo />
+        <a href="https://angular.dev" target="_blank">Learn Angular</a>
       </div>
     </div>
 
     <div class="docs-footer-copyright">
       <div>
         <span>Powered by Google LLC ©2010-{{year}}.</span>
-        <a href="https://github.com/angular/components/blob/main/LICENSE">Code licensed under an MIT-style License.</a>
+        <a href="https://github.com/angular/components/blob/main/LICENSE" target="_blank"
+          >Code licensed under an MIT-style License.</a
+        >
         <span>Documentation licensed under CC BY 4.0.</span>
       </div>
     </div>

docs/src/app/shared/navbar/navbar.html

@@ -26,12 +26,12 @@
   <version-picker/>
   <theme-picker/>
   <a matButton="text" class="docs-navbar-hide-small" href="https://github.com/angular/components"
-     aria-label="GitHub Repository">
+     aria-label="GitHub Repository" target="_blank">
     <span matButtonIcon [ngTemplateOutlet]="githubIcon"></span>
     GitHub
   </a>
   <a matIconButton class="docs-navbar-show-small"
-     href="https://github.com/angular/components" aria-label="GitHub Repository">
+     href="https://github.com/angular/components" aria-label="GitHub Repository" target="_blank">
      <ng-container [ngTemplateOutlet]="githubIcon"/>
   </a>
 </nav>

docs/src/app/shared/support/support.html

@@ -1,31 +1,46 @@
 <div class="docs-help-support">
   <ul>
     <li>
-      <a href="https://stackoverflow.com/questions/tagged/angular-material">
-        <img src="../../../assets/img/homepage/stackoverflow-logo.svg" alt="StackOverflow icon" loading="lazy">
+      <a href="https://stackoverflow.com/questions/tagged/angular-material" target="_blank">
+        <img
+          src="../../../assets/img/homepage/stackoverflow-logo.svg"
+          alt="StackOverflow icon"
+          loading="lazy"
+        />
         StackOverflow
       </a>
-      <div class="docs-help-support-description">Questions tagged with <a
-        href="https://stackoverflow.com/questions/tagged/angular-material">angular-material</a> or
-        <a href="https://stackoverflow.com/questions/tagged/angular-cdk">angular-cdk</a></div>
+      <div class="docs-help-support-description">
+        Questions tagged with
+        <a href="https://stackoverflow.com/questions/tagged/angular-material" target="_blank"
+          >angular-material</a
+        >
+        or
+        <a href="https://stackoverflow.com/questions/tagged/angular-cdk" target="_blank"
+          >angular-cdk</a
+        >
+      </div>
     </li>
     <li>
-      <a href="https://discord.gg/angular">
-        <img src="../../../assets/img/homepage/discord-logo.svg" alt="Discord icon" loading="lazy">
+      <a href="https://discord.gg/angular" target="_blank">
+        <img
+          src="../../../assets/img/homepage/discord-logo.svg"
+          alt="Discord icon"
+          loading="lazy"
+        />
         Discord
       </a>
       <div class="docs-help-support-description">Angular Community on Discord</div>
     </li>
     <li>
-      <a href="https://twitter.com/angular">
-        <img src="../../../assets/img/homepage/x-logo.svg" alt="X icon" loading="lazy">
+      <a href="https://x.com/angular" target="_blank">
+        <img src="../../../assets/img/homepage/x-logo.svg" alt="X icon" loading="lazy" />
         X
       </a>
       <div class="docs-help-support-description">Connect with &#64;angular on X</div>
     </li>
     <li>
-      <a href="https://blog.angular.io">
-        <app-logo/>
+      <a href="https://blog.angular.io" target="_blank">
+        <app-logo />
         Angular Blog
       </a>
       <div class="docs-help-support-description">News and Tips from the Angular Team</div>