fix: add opengraph image for sistent project page

[piyushtripathi9424]

Description

This PR resolves the issue where the Sistent project page on Layer5 did not have an Open Graph image specified, causing social platforms (like LinkedIn and Twitter) to display the generic Layer5 logo instead of the Sistent logo when the page is shared.

Changes Made

• Imported the official sistent-icon-color.png asset.
• Utilized the Gatsby Head API to inject the SEO component into the SistentIndexPage.
• Linked the imported Sistent logo to the image prop so it properly generates the og:image and twitter:image metadata tags.

Resolves: #8038

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Testing Performed

• Verified og:image generation via the local development server (npm run dev).
• Verified the generated hash image path correctly resolves to the Sistent logo asset.
• Pre-commit hooks (lint/prettier) successfully passed.

Summary by CodeRabbit

• New Features
  • Added search engine optimization metadata to the Sistent project page, including its title, description, and icon.
  • Added the Sistent icon for improved page and browser presentation.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: fdf9d192-5fc7-4654-9026-35e1892391c3

📥 Commits

Reviewing files that changed from the base of the PR and between bd554ad and 6e9d25f.

📒 Files selected for processing (1)

• src/pages/projects/sistent/index.js

Included review availability: Your plan provides up to 4 included reviews per hour; 3 remain after this review.

---

📝 Walkthrough

Walkthrough

The Sistent project page now exports a Head component that sets SEO title, description, and icon image metadata.

Changes

Sistent SEO metadata

Layer / File(s)	Summary
Add Sistent SEO head metadata src/pages/projects/sistent/index.js	The page imports SEO and the Sistent icon asset. The new Head export provides the title, description, and image metadata.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Bug fix · Severity of issue fixed: Low

Merge Risk: ⚪ Minimal · up to 6e9d2

The Sistent page now provides the requested social preview image metadata with no remaining merge-blocking risk.

🚥 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 concisely describes the main change: adding the Open Graph image to the Sistent project page.
Linked Issues check	✅ Passed	Issue #8038 requires the Sistent project page to use the Sistent logo for Open Graph metadata. src/pages/projects/sistent/index.js adds Gatsby Head, imports sistent-icon-color.png, and passes it…
Out of Scope Changes check	✅ Passed	The reviewed change only adds SEO metadata to the Sistent project page and imports the required Sistent logo asset. These changes directly support issue #8038. No unrelated change is shown in the revi…
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 1…

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

Warning

Some tools did not complete. Review the errors below.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

src/pages/projects/sistent/index.js

Parsing error: The keyword 'import' is reserved

---

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.}

[github-actions]

🚀 Preview deployment: https://layer5.io/pr-preview/pr-8044/