fix(demo): update installation instruction for intranet header (#1942)

Co-authored-by: Oliver Schürch <[email protected]>

.changeset/modern-jokes-hammer.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-demo': patch
+---
+
+Updated the installation intructions for the Intranet Header.

packages/demo/src/app/intranet-layout/intranet-layout.component.html

@@ -7,14 +7,43 @@ <h2 class="bold">Installation</h2>
   <p class="light font-curve-regular">
     The Intranet Header is an
     <a href="https://angular.io/">Angular</a>
-    component and as such, only works with Angular projects. The minimum recommended Angular version
-    is v11.
+    component and as such, only works with Angular projects.
+  </p>
+  <p id="version-support">The supported Angular versions are: </p>
+  <table aria-describedby="version-support" class="table table-sm w-auto mb-regular-r">
+    <thead>
+    <tr>
+      <th scope="col" class="pe-regular">Intranet Header</th>
+      <th scope="col">Angular</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+      <th scope="row">4.x</th>
+      <td>15.x</td>
+    </tr>
+    <tr>
+      <th scope="row">5.x</th>
+      <td>16.x</td>
+    </tr>
+    </tbody>
+  </table>
+  <p>
+    Install the latest version of the Intranet Header with:
   </p>
   <code
-    class="block mt-regular-r bash"
+    class="block mb-regular-r bash"
     [highlight]="'npm install @swisspost/design-system-intranet-header' | formatCode"
     [languages]="['shell']"
   ></code>
+  <p>
+    Or specify the version you need:
+  </p>
+  <code
+    class="block mb-regular-r bash"
+    [highlight]="'npm install @swisspost/design-system-intranet-header@4' | formatCode"
+    [languages]="['shell']"
+  ></code>
 
   <h2 class="bold mt-5">Usage</h2>
   <section class="light font-curve-regular">