feat: 调整resource为服务端渲染

apps/frontend/app/(with-header-footer)/resource/components/ResourceCardImage.tsx

@@ -0,0 +1,26 @@
+'use client';
+import React from "react";
+import Image from "next/image";
+
+interface ResourceCardImage {
+    imageUrl: string;
+}
+
+export default function ResourceCardImage({ imageUrl }: ResourceCardImage) {
+    const [imageError, setImageError] = React.useState(false);
+
+    return (
+        <>
+            {!imageError && <Image
+                src={imageUrl}
+                alt="资源图片"
+                width={90}
+                height={90}
+                className="rounded-md shadow"
+                priority
+                quality={80}
+                onError={() => setImageError(true)}
+            />}
+        </>
+    )
+}