feat: stratus components diagrams with pikchr

[dinhani-cw]

User description

See: https://pikchr.org/

---

PR Type

Documentation

---

Description

• Added a new Pikchr diagram to visualize Stratus components.
• Defined variables for consistent padding and dimensions.
• Created visual representations for App Layer, Core Layer, and Storage Layer.
• Included arrows to depict connections between various components.

---

Changes walkthrough 📝

	Relevant files
Documentation	components.pik Added Stratus components diagram using Pikchr                        static/diagrams/components.pik Added a new diagram for Stratus components. Defined variables for padding, box dimensions, and layer dimensions. Created boxes for App Layer, Core Layer, and Storage Layer with specific components. Added arrows to represent connections between components. +63/-0

---

💡 PR-Agent usage:
Comment /help on the PR to get a list of all available PR-Agent tools and their descriptions

[github-actions]

PR Reviewer Guide 🔍

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Key issues to review Code Smell Inline CSS and JavaScript are used within the HTML file. Consider moving them to separate CSS and JS files for better maintainability and separation of concerns.

[github-actions]

PR Code Suggestions ✨

Category	Suggestion	Score
Best practice	Move the charset meta tag to the top of the head section Move the tag to the top of the section to ensure the character encoding is set as early as possible. static/diagrams/components.html [4] +<meta charset="utf-8"> <title>PIKCHR Test</title> Suggestion importance[1-10]: 10 Why: Moving the charset meta tag to the top of the head section is a best practice that ensures the character encoding is set as early as possible, preventing potential issues with character rendering.	10
Enhancement	Add a pointer cursor style to indicate the div is clickable Add a cursor: pointer; style to the div with id svg-1 to indicate that it is clickable, improving user experience. static/diagrams/components.html [24] -<div id="svg-1" onclick="toggleHidden('svg-1')"> +<div id="svg-1" onclick="toggleHidden('svg-1')" style="cursor: pointer;"> Suggestion importance[1-10]: 8 Why: This suggestion improves user experience by indicating that the div is clickable, which is a useful enhancement.	8

[dinhani-cw]

/describe

[github-actions]

PR Description updated to latest commit (342cafd)

[dinhani-cw]

/describe

[github-actions]

PR Description updated to latest commit (2d6afee)