Fix/gsoc2025 image rendering 441

[Narendra9793]

---

name: Pull Request
about: Submit changes to the project for review and inclusion

Description

This pull request fixes content and formatting issues in the GSoC 2025 Week 12 blog post by Mebin J Thattil.
The update ensures the post follows the correct structure, frontmatter, and image reference style as instructed by the maintainers.

Related Issue

Fixes #441

Changes Made

• Corrected frontmatter values (title, date, slug, and tags where needed).
• Updated the image URL to use the proper .webp format instead of .png.
• Fixed formatting inconsistencies in the blog content.
• Aligned the markdown file with project style guidelines.

Testing Performed

• Verified that the blog post renders correctly on the development server.
• Confirmed that the updated .webp image loads without fallback issues.
• Checked that frontmatter fields (title, date, slug) are parsed correctly.
• Viewed the post in both NewsPage and NewsDetailPage components to confirm proper rendering.

Checklist

• I have tested these changes locally and they work as expected.
• I have added/updated tests that prove the effectiveness of these changes.
• I have updated the documentation to reflect these changes, if applicable.
• I have followed the project's coding style guidelines.

Additional Notes for Reviewers

Please confirm if further cleanup is needed for other GSoC blog posts to maintain consistency across the site.
This fix applies specifically to the Week 12 post but can serve as a reference for similar corrections.

[github-actions]

🎉 All Checks Passed!

Status: ✅ Ready to merge

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

---

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

[github-actions]

🎉 All Checks Passed!

Status: ✅ Ready to merge

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

---

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏

[sa-fw-an]

There is no need to edit this file

[sa-fw-an]

Please remove this file from the commit, we need only the .md file, Package-lock.json is not needed

[github-actions]

❌ Checks Failed

Status: 🚫 Not ready to merge

Please fix the following issues before merging:

🔨 Continuous Integration Failed

Issue: The build process failed to complete.

How to fix:

1. Run npm run build locally to identify the issue
2. Fix any TypeScript compilation errors
3. Ensure all dependencies are properly installed
4. Test your changes before pushing

---

🛠️ Next Steps

1. Fix the issues mentioned above
2. Test locally to ensure everything works
3. Push your fixes to this branch
4. Wait for re-check - This bot will automatically run again

🤖 This comment will be updated automatically when you push new commits

[github-actions]

❌ Checks Failed

Status: 🚫 Not ready to merge

Please fix the following issues before merging:

🔨 Continuous Integration Failed

Issue: The build process failed to complete.

How to fix:

1. Run npm run build locally to identify the issue
2. Fix any TypeScript compilation errors
3. Ensure all dependencies are properly installed
4. Test your changes before pushing

---

🛠️ Next Steps

1. Fix the issues mentioned above
2. Test locally to ensure everything works
3. Push your fixes to this branch
4. Wait for re-check - This bot will automatically run again

🤖 This comment will be updated automatically when you push new commits

[github-actions]

🎉 All Checks Passed!

Status: ✅ Ready to merge

✅ Completed Workflows

Workflow	Status	Details
🔨 Continuous Integration	✅ Passed	Build completed successfully
📝 Code Linting	✅ Passed	All formatting and style checks passed

---

🚀 This PR is ready for review and can be safely merged to main branch!

Great work! Your code meets all quality standards. 👏