feat: add image preprocessor component

src/components/EntryBody.tsx

@@ -24,6 +24,12 @@ const EntryLoadingSkeleton = () => {
 	)
 }
 
+const ImagePreprocessor = (src) => {
+	const filename = src.src.split("/").pop()
+	const s3RootUrl = "https://eolas.s3.systemsobscure.net/"
+	return <img src={s3RootUrl + filename} />
+}
+
 export default function EntryBody({ body, isLoading }) {
 	if (isLoading) {
 		return <EntryLoadingSkeleton />
@@ -88,6 +94,7 @@ export default function EntryBody({ body, isLoading }) {
 								{children}
 							</code>
 						),
+						img: ({ children, src }) => <ImagePreprocessor src={src} />,
 					}}
 				>
 					{body}