feat: image lazy load

[JoeyC-Dev]

Type of change

• Bug fix (a non-breaking change that fixes an issue)
• New feature (a non-breaking change that adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Other (please describe):

Checklist

• I have read the CONTRIBUTING document.
• I have checked to ensure that this Pull Request is not for personal changes.
• I have performed a self-review of my own code.
• My changes generate no new warnings.

Related Issue

None

Changes

Add lazy load feature for images to optimize page loading time.

How To Test

Make sure the content is long enough (also enough images) to trigger image lazy load.

Screenshots (if applicable)

Different status of "Network" in DevTools when scrolling down the page:
[One]

[Two]

[Three]

Additional Notes

Tested on my blog: https://blog.joeyc.dev/posts/aks-access-control-pim/

No problem for web archiving:

• https://archive.is/cPshL (banner missing problem is not due to this PR. Issue exists for a long time.)
• https://web.archive.org/web/20260123195059/https://blog.joeyc.dev/posts/aks-access-control-pim/

[vercel]

@JoeyC-Dev is attempting to deploy a commit to the zephyirdgmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.