homebrew comments system

components/layout/footer.tsx

@@ -1,6 +1,7 @@
 import { env } from "@/lib/env";
 import { HeartIcon } from "lucide-react";
 import Link from "@/components/link";
+import { NextjsIcon } from "@/components/icons";
 import { cn } from "@/lib/utils";
 import siteConfig from "@/lib/config/site";
 import type { ComponentPropsWithoutRef } from "react";
@@ -33,16 +34,7 @@ const Footer = ({ className, ...rest }: ComponentPropsWithoutRef<"footer">) => {
           aria-label="Next.js"
           className="text-foreground/85 hover:text-foreground/60 hover:no-underline"
         >
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            fill="currentColor"
-            stroke="currentColor"
-            strokeWidth="0"
-            viewBox="0 0 24 24"
-            className="mx-[1px] inline size-4 align-text-top"
-          >
-            <path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z" />
-          </svg>
+          <NextjsIcon className="mx-[1px] inline size-4 align-text-top" />
         </Link>
         .{" "}
         <Link

components/layout/header.tsx

@@ -15,7 +15,7 @@ const Header = ({ className, ...rest }: ComponentPropsWithoutRef<"header">) => {
         href="/"
         rel="author"
         aria-label={siteConfig.name}
-        className="hover:text-primary text-foreground/85 flex flex-shrink-0 items-center hover:no-underline"
+        className="hover:text-primary text-foreground/85 flex shrink-0 items-center hover:no-underline"
       >
         <Image
           src={avatarImg}