feat: routerlinks

### Explanation

This creates an interactive product directory to help potential consumers discover our works.

### Issue

_No response_

### Attestations

- [x] I have read and agree to the [Code of Conduct](https://docs.nhcarrigan.com/community/coc/)
- [x] I have read and agree to the [Community Guidelines](https://docs.nhcarrigan.com/community/guide/).
- [x] My contribution complies with the [Contributor Covenant](https://docs.nhcarrigan.com/dev/covenant/).

### Dependencies

- [x] I have pinned the dependencies to a specific patch version.

### Style

- [x] I have run the linter and resolved any errors.
- [x] My pull request uses an appropriate title, matching the conventional commit standards.
- [x] My scope of feat/fix/chore/etc. correctly matches the nature of changes in my pull request.

### Tests

- [ ] My contribution adds new code, and I have added tests to cover it.
- [ ] My contribution modifies existing code, and I have updated the tests to reflect these changes.
- [ ] All new and existing tests pass locally with my changes.
- [ ] Code coverage remains at or above the configured threshold.

### Documentation

_No response_

### Versioning

_No response_

Reviewed-on: #2
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

client/src/app/app.config.ts

@@ -10,7 +10,7 @@ import {
   provideZoneChangeDetection,
 } from "@angular/core";
 import { provideRouter } from "@angular/router";
-import { routes } from "./app.routes";
+import { routes } from "./app.routes.js";
 
 export const appConfig: ApplicationConfig = {
   providers: [

client/src/app/home/home.html

@@ -13,8 +13,8 @@
   <li id="six">Answering your specific questions with a chat assistant</li>
 </ul>
 <div id="fade">
-  <a href="/products" class="btn">Browse Products</a>
+  <a routerLink="/products" class="btn">Browse Products</a>
-  <a href="/account" class="btn">Manage Account</a>
+  <a routerLink="/account" class="btn">Manage Account</a>
-  <a href="/settings" class="btn">Modify Settings</a>
+  <a routerLink="/settings" class="btn">Modify Settings</a>
-  <a href="/chat" class="btn">Chat with Hikari</a>
+  <a routerLink="/chat" class="btn">Chat with Hikari</a>
 </div>

client/src/app/home/home.ts

@@ -5,9 +5,10 @@
  */
 
 import { Component } from "@angular/core";
+import { RouterModule } from "@angular/router";
 
 @Component({
-  imports:     [],
+  imports:     [ RouterModule ],
   selector:    "app-home",
   styleUrl:    "./home.css",
   templateUrl: "./home.html",

client/src/app/nav/nav.html

@@ -5,13 +5,13 @@
     ></a
   >
   <div [class]="dropdownClass">
-    <a href="/products" class="nav-link">Products</a>
+    <a routerLink="/products" class="nav-link">Products</a>
     <hr />
-    <a href="/account" class="nav-link">Account</a>
+    <a routerLink="/account" class="nav-link">Account</a>
     <hr />
-    <a href="/settings" class="nav-link">Settings</a>
+    <a routerLink="/settings" class="nav-link">Settings</a>
     <hr />
-    <a href="/chat" class="nav-link">Chat</a>
+    <a routerLink="/chat" class="nav-link">Chat</a>
     <hr />
   </div>
   <i class="fa-solid fa-bars" *ngIf="!navOpen" (click)="toggleNav()"></i>

client/src/app/nav/nav.ts

@@ -6,9 +6,10 @@
 
 import { CommonModule } from "@angular/common";
 import { Component } from "@angular/core";
+import { RouterModule } from "@angular/router";
 
 @Component({
-  imports:     [ CommonModule ],
+  imports:     [ CommonModule, RouterModule ],
   selector:    "app-nav",
   styleUrl:    "./nav.css",
   templateUrl: "./nav.html",