fix various hover styles

components/marquee.tsx

@@ -3,8 +3,6 @@ import type { ComponentPropsWithoutRef } from "react";
 
 // https://magicui.design/docs/components/marquee
 const Marquee = ({
-  reverse = false,
-  pauseOnHover = false,
   repeat = 3,
   className,
   children,
@@ -19,14 +17,7 @@ const Marquee = ({
       {Array(repeat)
         .fill(0)
         .map((_, i) => (
-          <div
-            key={i}
-            className={cn(
-              "motion-safe:animate-marquee flex shrink-0 flex-row justify-around [gap:var(--gap)]",
-              pauseOnHover && "group-hover:[animation-play-state:paused]",
-              reverse && "[animation-direction:reverse]"
-            )}
-          >
+          <div key={i} className="motion-safe:animate-marquee flex shrink-0 flex-row justify-around [gap:var(--gap)]">
             {children}
           </div>
         ))}