fix: web client styling and nav updates (#21)

## Summary

- Aligns the client with the NHCarrigan style guide (witch palette, Griffy/Kalam fonts, shared stylesheet)
- Fixes sanctions page to sort by case number descending
- Updates all Hikari image URLs to `cdn.nhcarrigan.com/hikari.png`
- Adds Support link to nav (https://support.nhcarrigan.com)
- Fixes Chat nav link to point to https://chat.nhcarrigan.com

✨ This issue was created with help from Hikari~ 🌸

Reviewed-on: #21
Co-authored-by: Hikari <hikari@nhcarrigan.com>
Co-committed-by: Hikari <hikari@nhcarrigan.com>

client/src/app/products/products.css

@@ -3,44 +3,44 @@ a.product {
 }
 
 a.product:hover {
-  background-color: var(--background);
+  background-color: var(--highlight);
   color: var(--foreground);
 }
 
 .product:not(a) {
   cursor: default;
-  border: 2px dashed grey;
+  border: 2px dashed var(--witch-silver);
 }
 
 .btn {
-    display: inline-block;
-    padding: 10px 20px;
-    background-color: var(--foreground);
-    color: var(--background);
-    text-decoration: none;
-    border-radius: 50px;
-    border: 2px solid white;
-    font-family: 'OpenDyslexic', monospace;
+  display: inline-block;
+  padding: 10px 20px;
+  background-color: var(--accent);
+  color: var(--witch-moon);
+  text-decoration: none;
+  border-radius: 50px;
+  border: 2px solid var(--border);
 }
 
 .btn:disabled {
-    background-color: var(--background);
-    color: var(--foreground);
+  background-color: var(--witch-plum);
+  color: var(--witch-moon);
+  opacity: 0.6;
 }
 
 .btn:hover {
-    background-color: var(--background);
-    color: var(--foreground);
-    transition: background-color 0.3s, color 0.3s;
+  background-color: var(--highlight);
+  color: var(--foreground);
+  transition: background-color 0.3s, color 0.3s;
 }
 
 .product {
   display: grid;
   grid-template-areas: "logo title icon" "logo description icon";
   grid-template-columns: 100px 1fr auto;
-  background-color: var(--foreground);
-  color: var(--background);
-  border: 2px solid white;
+  background-color: var(--witch-plum);
+  color: var(--witch-moon);
+  border: 2px solid var(--border);
   border-radius: 50px;
   margin-left: 10px;
   margin-right: 10px;
@@ -49,6 +49,14 @@ a.product:hover {
   align-items: center;
 }
 
+.title {
+  color: var(--witch-moon);
+}
+
+.description {
+  color: var(--witch-moon);
+}
+
 .icons {
   grid-area: icon;
   font-size: 2rem;