chore: format web codebase

web/src/components/header.tsx

@@ -58,11 +58,7 @@ export function Header() {
 				<div className="flex items-center gap-2 md:gap-4">
 					{/* Desktop search button */}
 					<div className="hidden md:block">
-						<Button
-							variant="outline"
-							className="gap-2 cursor-pointer   transition-all duration-300"
-							onClick={openCommandMenu}
-						>
+						<Button variant="outline" className="gap-2 cursor-pointer   transition-all duration-300" onClick={openCommandMenu}>
 							<Search className="h-4 w-4 transition-all duration-300" />
 							<span>Find icons</span>
 							<kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-border/80 bg-muted/80 px-1.5 font-mono text-[10px] font-medium opacity-100">

web/src/components/hero.tsx

@@ -216,7 +216,8 @@ export function HeroSection({ totalIcons, stars }: { totalIcons: number; stars:
 					</h1>
 
 					<p className="text-sm sm:text-base md:text-xl text-muted-foreground leading-relaxed mb-8 font-light tracking-wide max-w-2xl mx-auto px-4 motion-preset-slide-down motion-duration-500">
-						A collection of <NumberTicker value={totalIcons} startValue={1000} className="font-bold tracking-tighter text-muted-foreground" /> curated icons
+						A collection of{" "}
+						<NumberTicker value={totalIcons} startValue={1000} className="font-bold tracking-tighter text-muted-foreground" /> curated icons
 						for services, applications and tools, designed specifically for dashboards and app directories.
 					</p>
 					<div className="flex flex-col gap-4 max-w-3xl mx-auto">

web/src/components/icon-submission-form.tsx

@@ -72,10 +72,7 @@ export function IconSubmissionForm() {
 	return (
 		<Dialog open={open} onOpenChange={setOpen}>
 			<DialogTrigger asChild>
-				<Button
-					variant="outline"
-					className="hidden md:inline-flex cursor-pointer transition-all duration-300"
-				>
+				<Button variant="outline" className="hidden md:inline-flex cursor-pointer transition-all duration-300">
 					<PlusCircle className="h-4 w-4 transition-all duration-300" /> Contribute new icon
 				</Button>
 			</DialogTrigger>

web/src/components/magicui/number-ticker.tsx

@@ -1,64 +1,57 @@
-"use client";
+"use client"
 
-import { useInView, useMotionValue, useSpring } from "motion/react";
-import { ComponentPropsWithoutRef, useEffect, useRef } from "react";
+import { useInView, useMotionValue, useSpring } from "motion/react"
+import { type ComponentPropsWithoutRef, useEffect, useRef } from "react"
 
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils"
 
 interface NumberTickerProps extends ComponentPropsWithoutRef<"span"> {
-  value: number;
-  startValue?: number;
-  direction?: "up" | "down";
-  delay?: number;
-  decimalPlaces?: number;
+	value: number
+	startValue?: number
+	direction?: "up" | "down"
+	delay?: number
+	decimalPlaces?: number
 }
 
 export function NumberTicker({
-  value,
-  startValue = 0,
-  direction = "up",
-  delay = 0,
-  className,
-  decimalPlaces = 0,
-  ...props
+	value,
+	startValue = 0,
+	direction = "up",
+	delay = 0,
+	className,
+	decimalPlaces = 0,
+	...props
 }: NumberTickerProps) {
-  const ref = useRef<HTMLSpanElement>(null);
-  const motionValue = useMotionValue(direction === "down" ? value : startValue);
-  const springValue = useSpring(motionValue, {
-    damping: 30,
-    stiffness: 200,
-  });
-  const isInView = useInView(ref, { once: true, margin: "0px" });
+	const ref = useRef<HTMLSpanElement>(null)
+	const motionValue = useMotionValue(direction === "down" ? value : startValue)
+	const springValue = useSpring(motionValue, {
+		damping: 30,
+		stiffness: 200,
+	})
+	const isInView = useInView(ref, { once: true, margin: "0px" })
 
-  useEffect(() => {
-    if (isInView) {
-      const timer = setTimeout(() => {
-        motionValue.set(direction === "down" ? startValue : value);
-      }, delay * 1000);
-      return () => clearTimeout(timer);
-    }
-  }, [motionValue, isInView, delay, value, direction, startValue]);
+	useEffect(() => {
+		if (isInView) {
+			const timer = setTimeout(() => {
+				motionValue.set(direction === "down" ? startValue : value)
+			}, delay * 1000)
+			return () => clearTimeout(timer)
+		}
+	}, [motionValue, isInView, delay, value, direction, startValue])
 
-  useEffect(
-    () =>
-      springValue.on("change", (latest) => {
-        if (ref.current) {
-          ref.current.textContent = Number(latest.toFixed(decimalPlaces)).toString();
-        }
-      }),
-    [springValue, decimalPlaces],
-  );
+	useEffect(
+		() =>
+			springValue.on("change", (latest) => {
+				if (ref.current) {
+					ref.current.textContent = Number(latest.toFixed(decimalPlaces)).toString()
+				}
+			}),
+		[springValue, decimalPlaces],
+	)
 
-  return (
-    <span
-      ref={ref}
-      className={cn(
-        "inline-block tabular-nums tracking-wider",
-        className,
-      )}
-      {...props}
-    >
-      {startValue}
-    </span>
-  );
+	return (
+		<span ref={ref} className={cn("inline-block tabular-nums tracking-wider", className)} {...props}>
+			{startValue}
+		</span>
+	)
 }

web/src/components/theme-switcher.tsx

@@ -18,11 +18,7 @@ export function ThemeSwitcher() {
 				<Tooltip>
 					<TooltipTrigger asChild>
 						<DropdownMenuTrigger asChild>
-							<Button
-								className=" transition-colors duration-200 group hover:ring-2 rounded-lg cursor-pointer"
-								variant="ghost"
-								size="icon"
-							>
+							<Button className=" transition-colors duration-200 group hover:ring-2 rounded-lg cursor-pointer" variant="ghost" size="icon">
 								<Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0 group-hover:" />
 								<Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100 group-hover:" />
 								<span className="sr-only">Toggle theme</span>