inter font

apps/web/app/(dash)/home/heading.tsx

@@ -1,5 +1,8 @@
 import { useEffect, useState } from "react";
 import { AnimatePresence, motion } from "framer-motion";
+import { Inter } from "next/font/google";
+
+const poppins = Inter({ subsets: ["latin"], weight: ["600"] });
 
 const headings = [
 	"Unlock your digital brain",
@@ -21,10 +24,10 @@ export function Heading({ queryPresent }: { queryPresent: boolean }) {
 					<motion.h1
 						initial={{ opacity: 0, y: "20%" }}
 						animate={{ opacity: 1, y: "0%" }}
-						exit={{ opacity: 0, y: "20%" }}
+						exit={{ opacity: 0, y: "20%", whiteSpace: "nowrap" }}
 						className={`text-[2.45rem] font-semibold ${
 							queryPresent ? "pointer-events-none" : "pointer-events-auto"
-						} transition-opacity`}
+						} transition-opacity ${poppins.className}`}
 					>
 						{headings[showHeading]}
 					</motion.h1>

apps/web/app/(dash)/menu.tsx

@@ -11,7 +11,10 @@ import {
 	PresentationChartLineIcon,
 	RectangleStackIcon,
 } from "@heroicons/react/24/solid";
-import DialogTriggerWrapper, { DialogDesktopTrigger, DialogMobileTrigger } from "./dialogTriggerWrapper";
+import DialogTriggerWrapper, {
+	DialogDesktopTrigger,
+	DialogMobileTrigger,
+} from "./dialogTriggerWrapper";
 
 const menuItems = [
 	{
@@ -82,7 +85,7 @@ function Menu() {
 						<p className="text-xs text-foreground-menu mt-2">Home</p>
 					</Link>
 
-<DialogMobileTrigger />
+					<DialogMobileTrigger />
 					{menuItems.map((item) => (
 						<Link
 							aria-disabled={item.disabled}
@@ -157,7 +160,7 @@ function NavItem({
 	return (
 		<div className="relative group">
 			<Link aria-disabled={disabled} href={disabled ? "#" : url}>
-				<div className="cursor-pointer px-1 hover:scale-105 hover:text-[#bfc4c9] active:scale-90">
+				<div className={`cursor-pointer px-1 hover:scale-105 hover:text-[#bfc4c9] active:scale-90 ${disabled && "opacity-50"}`}>
 					{icon}
 				</div>
 			</Link>