feat: add fallback route

Author: geromegrignon

angular-hub/src/app/components/navigation/navigation.component.html

@@ -128,7 +128,7 @@
     -->
   </header>
 
-  <main class="pb-4 flex-1">
+  <main class="pb-4 h-full">
     <router-outlet></router-outlet>
   </main>
 </div>

angular-hub/src/app/pages/[...page-not-found].page.ts

@@ -0,0 +1,24 @@
+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+@Component({
+  standalone: true,
+  imports: [RouterLink],
+  template: `
+    <h2 class="title text-7xl mb-6 text-center">Page Not Found</h2>
+
+    <a class="underline" routerLink="/">Go Back Home</a>
+  `,
+  styles: [
+    `
+      :host {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+      }
+    `,
+  ],
+})
+export default class PageNotFoundComponent {}