fix: Integrate preprocessed images into markdown

[Andy34G7]

Currently, vite.config.mjs runs the image-preprocess.mjs and preprocesses the image. However, these images are not used in rendering of the markdown. Performance is left on the table, and preprocessing currently is just overhead.

Notes of the maintainer
I've tried unsuccessfully to change the image path in the .md during the build process, but I feel like you should be able to first pick the right image, so that might mean passing args to the build script from vite, and maybe serve different images based on width (using css maybe? idk, but this implementation will be bonus :) ). Otherwise, just pick one res, edit the preprocess script accordingly and integrate the preprocess images. :)

I'm pretty sure there's an easier way, but i've been dense so far

[mittal-ayushi]

Can I work on this?

[Andy34G7]

!assign @mittal-ayushi 60

[bunsamosa-bot]

Hey @Andy34G7! The timer for the @mittal-ayushi to work on the issue has finished, deassign and assign a new contributor or extend the current timer. Contact maintainer leads if inactive @mebinthattil @adityatr64

[Chinmaynaik17]

i wanna do this

[Andy34G7]

!deassign @mittal-ayushi

[Andy34G7]

!assign @Chinmaynaik17

[bunsamosa-bot]

Hey @Andy34G7! The timer for the @Chinmaynaik17 to work on the issue has finished, deassign and assign a new contributor or extend the current timer. Contact maintainer leads if inactive @mebinthattil @adityatr64