feat(figures): migrate to figure shortcode remaining tags

[PVinaches]

Migrated HTML image tags to Hugo figure shortcode in blog posts and capitalized captions.

Changes

• Migrated 27 images from <p align="center"><img> to {{< figure >}} shortcode
  • content/blog/kaoto-2.3-release/index.md (10 images)
  • content/blog/kaoto-2.5-release/index.md (9 images)
  • content/blog/kaoto-2.7-release/index.md (3 images)
• Capitalized captions in kaoto-2.3-release to match style guidelines
• Preserved inline icons in documentation (5 images with special inline styling)

Benefits

• Consistent with Hugo best practices and recent blog posts (kaoto-2.10-release)
• Improved maintainability using standard shortcode syntax
• Better semantic HTML with proper figure/figcaption elements

fix: #190

Summary by CodeRabbit

• Documentation
  • Improved release notes with enhanced image formatting, captions, and accessibility features across multiple release post pages.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 845b9faf-a204-4db4-91a3-ced2041e7eba

📥 Commits

Reviewing files that changed from the base of the PR and between 6384044 and 51df648.

📒 Files selected for processing (3)

• content/blog/kaoto-2.3-release/index.md
• content/blog/kaoto-2.5-release/index.md
• content/blog/kaoto-2.7-release/index.md

---

📝 Walkthrough

Walkthrough

Three release blog posts are updated to standardize image markup by replacing centered HTML <img> tags with Hugo {{< figure ... >}} shortcodes, adding explicit captions, alt text, and consistent class="image" styling across the 2.3, 2.5, and 2.7 release announcements.

Changes

Blog image markup modernization

Layer / File(s)	Summary
Kaoto 2.3 release image modernization content/blog/kaoto-2.3-release/index.md	Features & Improvements section (Camel version selector, Data Mapping Editor) and New Action Toolbar section (toolbar, append, insert, placeholders) images converted from HTML-centered <img> to Hugo figure shortcodes with captions and class attributes.
Kaoto 2.5 release image modernization content/blog/kaoto-2.5-release/index.md	Camel version update, XML IO, Markdown documentation, DataMapper, and VS Code extension screenshots (Kaoto perspective, configuration form, flow filtering, dark mode, DevSpaces) converted from HTML <img> markup to Hugo figure shortcodes with standardized captions and image class.
Kaoto 2.7 release image modernization content/blog/kaoto-2.7-release/index.md	Data Mapper JSON Support, Maven dependency update demo, and endpoint type selector images updated from HTML-centered <img> markup to Hugo figure shortcodes with caption and class attributes.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• KaotoIO/kaoto.io#204: Added CSS styling for figure.image and figure.image > img which directly supports the new Hugo figure shortcode markup being introduced across blog posts in this PR.

Suggested reviewers

• lhein

Poem

🐰 ✨ Images dressed up fancy now,
Hugo figures take a bow,
Captions shine and classes gleam,
Three release posts fulfill the dream!

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and accurately summarizes the main change: migrating remaining HTML image tags to Hugo figure shortcodes across blog post files.
Linked Issues check	✅ Passed	The PR successfully addresses issue #190 by replacing HTML image tags with Hugo figure shortcodes across three blog posts, improving image holder semantics and consistency as required.
Out of Scope Changes check	✅ Passed	All changes are directly scoped to the linked issue #190; the PR updates only blog post image markup across three files with no unrelated modifications.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}