fix: using image component on image page

frontend/src/pages/image/index.tsx

@@ -1,3 +1,4 @@
+import { ImageComponent } from "@components/image";
 import { SearchCard } from "@components/search-card/SearchCard";
 import { useSearchImageContext } from "@contexts/SearchImageContext";
 import { base, UserImage } from "@network/index";
@@ -14,7 +15,7 @@ export const ImagePage: Component = () => {
 
 	return (
 		<main class="flex flex-col items-center">
-			<img class="h-1/2" alt="users" src={`${base}/image/${imageId}`} />
+			<ImageComponent ID={imageId} />
 			<div class="w-3/4 grid grid-cols-9 gap-2 grid-flow-row-dense py-4">
 				<Show when={imageProperties()}>
 					{(image) => (