update styles

Author: yujonglee

apps/desktop/src/components/left-sidebar/top-area/settings-button.tsx

@@ -12,6 +12,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@hypr/ui/components/ui/dropdown-menu";
+import { cn } from "@hypr/ui/lib/utils";
 
 export function SettingsButton() {
   const [open, setOpen] = useState(false);
@@ -42,7 +43,10 @@ export function SettingsButton() {
 
       <DropdownMenuContent align="start" className="w-52 p-0">
         <div
-          className="px-2 py-3 bg-gradient-to-r from-gray-800 to-gray-900 rounded-t-md relative overflow-hidden cursor-pointer"
+          className={cn([
+            "px-2 py-3 bg-gradient-to-r rounded-t-md relative overflow-hidden cursor-pointer",
+            "from-gray-800 to-gray-900 hover:from-gray-700 hover:to-gray-800",
+          ])}
           onClick={handleClickPlans}
         >
           <div className="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNIDIwIDAgTCAwIDAgTCAwIDIwIiBmaWxsPSJub25lIiBzdHJva2U9InJnYmEoMjU1LDI1NSwyNTUsMC4xNSkiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8+PC9zdmc+')] opacity-70">

apps/desktop/src/routes/app.plans.tsx

@@ -11,7 +11,7 @@ export const Route = createFileRoute("/app/plans")({
 function Component() {
   return (
     <div className="flex h-full overflow-hidden bg-gradient-to-b from-background to-background/80">
-      <main className="container mx-auto pb-16 px-4 max-w-5xl overflow-y-auto scrollbar-none">
+      <main className="container mx-auto pb-16 px-4 max-w-5xl overflow-hidden">
         <div className="grid grid-cols-2 gap-4">
           <PricingCard
             title="Local"