style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/ui/word-rotate.tsx

@@ -1,15 +1,15 @@
-"use client"
+"use client";
 
-import { useEffect, useState } from "react"
-import { AnimatePresence, motion, MotionProps } from "motion/react"
+import { AnimatePresence, type MotionProps, motion } from "motion/react";
+import { useEffect, useState } from "react";
 
-import { cn } from "@/lib/utils"
+import { cn } from "@/lib/utils";
 
 interface WordRotateProps {
-  words: string[]
-  duration?: number
-  motionProps?: MotionProps
-  className?: string
+  words: string[];
+  duration?: number;
+  motionProps?: MotionProps;
+  className?: string;
 }
 
 export function WordRotate({
@@ -23,16 +23,16 @@ export function WordRotate({
   },
   className,
 }: WordRotateProps) {
-  const [index, setIndex] = useState(0)
+  const [index, setIndex] = useState(0);
 
   useEffect(() => {
     const interval = setInterval(() => {
-      setIndex((prevIndex) => (prevIndex + 1) % words.length)
-    }, duration)
+      setIndex((prevIndex) => (prevIndex + 1) % words.length);
+    }, duration);
 
     // Clean up interval on unmount
-    return () => clearInterval(interval)
-  }, [words, duration])
+    return () => clearInterval(interval);
+  }, [words, duration]);
 
   return (
     <div className="overflow-hidden py-2">
@@ -46,5 +46,5 @@ export function WordRotate({
         </motion.h1>
       </AnimatePresence>
     </div>
-  )
+  );
 }