fix: update ImageBetter component to handle src changes with useEffect for improved image rendering

components/ui/Image.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 interface ImageWithFallbackProps {
   src: string;
@@ -15,6 +15,11 @@ const ImageBetter = ({
 }: ImageWithFallbackProps) => {
   const [imageSrc, setImageSrc] = useState(src);
 
+  // Menangani perubahan `src` agar selalu diperbarui ke `imageSrc`
+  useEffect(() => {
+    setImageSrc(src);
+  }, [src]);
+
   return (
     <img
       src={imageSrc}