feat: Improve code formatting and import order

Rearranged import orders for better visibility and readability. Also, cleaned up some of the typescript and JSX by adding appropriate line breaks and spaces, and ensuring the use of semicolons for better punctuation.

src/components/ui/flip-words.tsx

@@ -1,13 +1,13 @@
 "use client";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { AnimatePresence, motion, LayoutGroup } from "framer-motion";
 import { cn } from "@/lib/utils";
+import { AnimatePresence, LayoutGroup, motion } from "framer-motion";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 
 export const FlipWords = ({
-														words,
-														duration = 3000,
-														className,
-													}: {
+	words,
+	duration = 3000,
+	className,
+}: {
 	words: string[];
 	duration?: number;
 	className?: string;
@@ -60,7 +60,7 @@ export const FlipWords = ({
 				}}
 				className={cn(
 					"z-10 inline-block relative text-left text-neutral-900 dark:text-neutral-100 px-2",
-					className
+					className,
 				)}
 				key={currentWord}
 			>