feat: ✨ wrapped componenet with Layout and fragment

[irkfaisal]

wrapped componenet with Layout and fragment

ref: #23

Description

Clearly describe the changes you've made in this pull request. Explain the purpose and reasoning behind the changes. Reference any relevant issues or discussions using keywords like "Fixes #<issue_number>" or "Resolves #<issue_number>".

Related Issues

Testing

Checklist

• I have performed a thorough self-review of my code.
• I have added or updated relevant tests for my changes.
• My code follows the project's style guidelines and best practices.
• I have updated the documentation if necessary.
• I have added or updated relevant comments in my code.
• I have resolved any merge conflicts of my branch.

Screenshots (if applicable)

Additional Notes

Reviewers

---

Maintainer Notes

• Has this change been tested in a staging environment?
• Does this change introduce any breaking changes or deprecations?