✨ More style changes, removed test projects, favicon

- Fix missing aria-labels
- Fix breadcrumbs on specific projects
- Removed uses from NavBar
- Center image on project page
- Colour link on project page
- Initial README

Signed-off-by: Martin Berg Alstad <git@martials.no>

src/components/projects/ProjectCard.astro

@@ -19,7 +19,7 @@ const { title, description, tags, image, imageAlt, linkTo } = Astro.props
 
 <LocaleLink
   to={linkTo}
-  class="card bg-base-100 max-w-96 shadow-xl hover:scale-105 transition"
+  class="card bg-cat-base max-w-96 shadow-xl hover:scale-105 transition"
 >
   <figure>
     <Image src={image} alt={imageAlt} />

src/components/projects/ProjectPage.astro

@@ -2,10 +2,10 @@
 import Layout from "@/layouts/Layout.astro"
 import { Image } from "astro:assets"
 import { getEntry, render } from "astro:content"
-import BadgeList from "../badge/BadgeList.astro"
+import BadgeList from "@/components/badge/BadgeList.astro"
 import * as m from "@/paraglide/messages"
 import { languageTag } from "@/paraglide/runtime"
-import GiteaLink from "../links/GiteaLink.astro"
+import GiteaLink from "@/components/links/GiteaLink.astro"
 import "@/styles/global.css"
 
 interface Props {
@@ -28,7 +28,7 @@ const {
 } = entry!.data
 ---
 
-<!--TODO day.js for dates?-->
+<!--TODO day.js / Temporal API for dates?-->
 <Layout title={title} class="mx-auto max-w-[750px]">
   <div class="flex justify-between my-2">
     <div>
@@ -44,9 +44,9 @@ const {
       </p>
     </div>
   </div>
-  <Image src={heroImage} alt={heroImageAlt} />
+  <Image src={heroImage} alt={heroImageAlt} class="m-auto" />
 
-  <GiteaLink href={source} />
+  <GiteaLink href={source} class="text-cat-mauve my-2" />
 
   <p class="my-2">{description}</p>
   <Content />