fixed the bug in deploying sites

apps/sites/components/blur-image.tsx

@@ -1,24 +1,23 @@
+/* eslint-disable jsx-a11y/alt-text */
 "use client";
 
 import cn from "clsx";
-import Image from "next/image";
+import Image, { ImageProps } from "next/image";
 import { useState } from "react";
 
-import type { ComponentProps } from "react";
 
-export default function BlurImage(props: ComponentProps<typeof Image>) {
-  const [isLoading, setLoading] = useState(true);
+export default function BlurImage({ props }: { props: ImageProps }) {
+	const [isLoading, setLoading] = useState(true);
 
-  return (
-    <Image
-      {...props}
-      alt={props.alt}
-      className={cn(
-        props.className,
-        "duration-700 ease-in-out",
-        isLoading ? "scale-105 blur-lg" : "scale-100 blur-0",
-      )}
-      onLoadingComplete={() => setLoading(false)}
-    />
-  );
+	return (
+		<Image
+			className={cn(
+				props.className,
+				"duration-700 ease-in-out",
+				isLoading ? "scale-105 blur-lg" : "scale-100 blur-0",
+			)}
+			onLoadingComplete={() => setLoading(false)}
+			{...props}
+		/>
+	);
 }

apps/sites/lib/remark-plugins.tsx

@@ -7,7 +7,7 @@ export function replaceLinks({
 	children,
 }: {
 	href?: string;
-	children: ReactNode;
+	children: React.ReactNode;
 }) {
 	// this is technically not a remark plugin but it
 	// replaces internal links with <Link /> component