chore: polish some components

packages/ui/src/titlebar/controls/windows.tsx

@@ -1,5 +1,5 @@
+import { cn } from "@lume/utils";
 import { HTMLProps, useContext } from "react";
-import { twMerge } from "tailwind-merge";
 import { WindowButton } from "../components/button";
 import { WindowIcons } from "../components/icons";
 import { AppWindowContext } from "../context";
@@ -9,7 +9,7 @@ export function Windows({ className, ...props }: HTMLProps<HTMLDivElement>) {
 		useContext(AppWindowContext);
 
 	return (
-		<div className={twMerge("h-8", className)} {...props}>
+		<div className={cn("h-8", className)} {...props}>
 			<WindowButton
 				onClick={minimizeWindow}
 				className="max-h-8 w-[46px] cursor-default rounded-none bg-transparent text-black/90 hover:bg-black/[.05] active:bg-black/[.03]  dark:text-white dark:hover:bg-white/[.06] dark:active:bg-white/[.04]"
@@ -18,7 +18,7 @@ export function Windows({ className, ...props }: HTMLProps<HTMLDivElement>) {
 			</WindowButton>
 			<WindowButton
 				onClick={maximizeWindow}
-				className={twMerge(
+				className={cn(
 					"max-h-8 w-[46px] cursor-default rounded-none bg-transparent",
 					"text-black/90 hover:bg-black/[.05] active:bg-black/[.03] dark:text-white dark:hover:bg-white/[.06] dark:active:bg-white/[.04]",
 					// !isMaximizable && "text-white/[.36]",