[Sistent] Enhance Component Documentation and Ensure Default Button Styling Consistency

[GARY121github]

The current documentation for this component lacks details on how to properly import and use it, which can make it harder for newcomers to integrate it seamlessly. Additionally, the Open Modal button should use the default Qanelas Soft font style, but there might be an override affecting it.

Proposed Improvements:

Enhance Documentation:

• Add import statements and usage examples for the component.
• Include any necessary props and expected values.

Ensure Consistent Button Styling:

• Verify if the Open Modal button is using the default styling with Qanelas Soft.
• Check for any overrides affecting button styles.
• Ensure global styles define Qanelas Soft as the default font for buttons.

Expected Outcome:

• Improved documentation for better usability.
• Consistent UI styling across all buttons.

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 🎨 See Sistent Repository.
• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[govindup63]

hey @GARY121github i am working on it!

[Souradip121]

I would be happy to contribute to this issue.

[GARY121github]

Hey @Souradip121,

Could you kindly make it more consistent by adding a Guidance section like the other components? This will help maintain uniformity across the project. Let me know if you need any clarification!

Thanks! 🚀

[Souradip121]

I would try my best @GARY121github

[Souradip121]

@vishalvivekm fixed the navigation also, and it's working now

[vishalvivekm]

@vishalvivekm fixed the navigation also, and it's working now

@Souradip121 Thank you for making the updates, let's review it again today at the call, I'll add it to the agenda items.