fix main menu border bag

src/components/main-menu/chat-cell.tsx

@@ -55,7 +55,7 @@ export const ChatCell = ({ chat }: { chat: { id: string; title: string } }) => {
 				options={DROPDOWN_OPTIONS}
 				isOpen={isDropdownOpen}
 				onToggle={() => setIsDropdownOpen(!isDropdownOpen)}
-				className="cursor-pointer flex items-center pr-3  justify-end w-5 h-full"
+				classNameTrigger="cursor-pointer flex items-center pr-3  justify-end w-5 h-full"
 			>
 				<ThreeDots
 					className={cn(

src/components/main-menu/main-menu.tsx

@@ -84,6 +84,8 @@ const MainMenuContent = observer(() => {
 		},
 	];
 
+	const showBorder = hasScrolled && isMainMenuOpen;
+
 	return (
 		<div
 			data-open={isMainMenuOpen}
@@ -91,7 +93,7 @@ const MainMenuContent = observer(() => {
 			className="relative w-full h-full overflow-x-hidden data-[open=true]:overflow-y-auto overflow-y-hidden flex flex-col"
 		>
 			<header
-				data-scrolled={hasScrolled}
+				data-scrolled={showBorder}
 				className="data-[scrolled=true]:border-b data-[scrolled=true]:border-fill-150  sticky top-0 z-10 bg-white pt-[30px] space-y-12 flex flex-col w-full px-4 pb-4 transition-shadow"
 			>
 				<div className="relative w-full h-[32px]">

src/components/ui/dropdown.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
-import { FC, type ReactNode } from "react";
+import { type FC, type ReactNode } from "react";
 import clsx from "clsx";
 import { cn } from "@/lib/utils";
 

src/routes/magic-link/$magic-link.tsx

@@ -14,7 +14,7 @@ function RouteComponent() {
 	const { "magic-link": magicLink } = Route.useParams();
 
 	const [code, setCode] = useState<string[]>(Array(6).fill(""));
-	const [isAutoSubmitted, setIsAutoSubmitted] = useState(false);
+	const [isAutoSubmitted, _] = useState(false);
 
 	const [resendTimeout, setResendTimeout] = useState(() => {
 		const savedTimeout = localStorage.getItem("resendTimeout");