style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/ui/blur-fade.tsx

@@ -1,31 +1,31 @@
-"use client"
+"use client";
 
-import { useRef } from "react"
 import {
   AnimatePresence,
+  type MotionProps,
   motion,
-  MotionProps,
+  type UseInViewOptions,
   useInView,
-  UseInViewOptions,
-  Variants,
-} from "motion/react"
+  type Variants,
+} from "motion/react";
+import { useRef } from "react";
 
-type MarginType = UseInViewOptions["margin"]
+type MarginType = UseInViewOptions["margin"];
 
 interface BlurFadeProps extends MotionProps {
-  children: React.ReactNode
-  className?: string
+  children: React.ReactNode;
+  className?: string;
   variant?: {
-    hidden: { y: number }
-    visible: { y: number }
-  }
-  duration?: number
-  delay?: number
-  offset?: number
-  direction?: "up" | "down" | "left" | "right"
-  inView?: boolean
-  inViewMargin?: MarginType
-  blur?: string
+    hidden: { y: number };
+    visible: { y: number };
+  };
+  duration?: number;
+  delay?: number;
+  offset?: number;
+  direction?: "up" | "down" | "left" | "right";
+  inView?: boolean;
+  inViewMargin?: MarginType;
+  blur?: string;
 }
 
 export function BlurFade({
@@ -41,9 +41,9 @@ export function BlurFade({
   blur = "6px",
   ...props
 }: BlurFadeProps) {
-  const ref = useRef(null)
-  const inViewResult = useInView(ref, { once: true, margin: inViewMargin })
-  const isInView = !inView || inViewResult
+  const ref = useRef(null);
+  const inViewResult = useInView(ref, { once: true, margin: inViewMargin });
+  const isInView = !inView || inViewResult;
   const defaultVariants: Variants = {
     hidden: {
       [direction === "left" || direction === "right" ? "x" : "y"]:
@@ -56,8 +56,8 @@ export function BlurFade({
       opacity: 1,
       filter: `blur(0px)`,
     },
-  }
-  const combinedVariants = variant || defaultVariants
+  };
+  const combinedVariants = variant || defaultVariants;
   return (
     <AnimatePresence>
       <motion.div
@@ -77,5 +77,5 @@ export function BlurFade({
         {children}
       </motion.div>
     </AnimatePresence>
-  )
+  );
 }