Small fixes

src/app/components/layout/menu.tsx

@@ -28,6 +28,7 @@ const Menu = ({ children }: PropsWithChildren) => {
         } fixed transition-opacity bg-black min-w-full min-h-full top-0 left-0 m-0 p-0 duration-500`}
       ></div>
       <div
+        onClick={() => setIsOpen(false)}
         className={`${
           isOpen
             ? "h-[350px] sm:w-[350px] w-[250px] opacity-100 sm:p-14 p-14"

src/app/components/typography/a.tsx

@@ -2,11 +2,12 @@ import React from "react";
 
 import { shareTechMono } from "@/app/fonts";
 import { PropsWithChildren } from "../types";
+import Link from "next/link";
 
 interface Props extends PropsWithChildren {
   spacing?: "wide" | "normal";
   size?: "normal" | "large";
-  href?: string;
+  href: string;
   padding?: boolean;
 }
 
@@ -23,12 +24,12 @@ const A = ({
   const sizeClass = size === "normal" ? "text-base" : "text-2xl";
   const paddingClass = padding ? "p-1" : undefined;
   return (
-    <a
+    <Link
       href={href}
       className={`${shareTechMono.className} ${spacingClass} ${sizeClass} ${paddingClass} text-gray leading-4 transition-all shadow-[#00ff77_0px_-3px_0px_0px_inset] hover:shadow-[#00ff77_0px_-32px_0px_0px_inset] ${className}`}
     >
       {children}
-    </a>
+    </Link>
   );
 };
 export default A;

src/app/fonts.ts

@@ -2,8 +2,8 @@
 import { Share_Tech_Mono, Ubuntu_Mono } from "next/font/google"
 
 
-const shareTechMono = Share_Tech_Mono({ weight: ["400"], style: "normal" });
-const ubuntuMono = Ubuntu_Mono({ weight: ["400", "700"] });
+const shareTechMono = Share_Tech_Mono({ weight: ["400"], style: "normal", subsets: ["latin"] });
+const ubuntuMono = Ubuntu_Mono({ weight: ["400", "700"], subsets: ["latin"] });
 
 
 export {