feat: add onSiderCollapsed to RefineThemedLayoutV2Props

[OmkarBansod02]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://refine.dev/docs/guides-concepts/contributing/#commit-convention

Bugs / Features

• Related issue(s) linked
• Tests for the changes have been added
• Docs have been added / updated
• Changesets have been added https://refine.dev/docs/guides-concepts/contributing/#creating-a-changeset

What is the current behavior?

The current behavior is that the collapsed state of the sider is not persisted out of the box. Developers need to write additional code to manage and persist the collapsed state, which adds extra effort for implementing this common UX feature.

What is the new behavior?

The sider now supports out-of-the-box persistence of the collapsed state through the new onSiderCollapsed boolean option. This enhancement eliminates the need for additional code to manage and persist the collapsed state, improving the developer experience and enhancing UX.

fixes #6508

Notes for reviewers

I’ve added the onSiderCollapsed feature to make it easier to persist the sider's collapsed state. I haven’t written tests for it yet but can definitely add them if needed. just let me know .

[changeset-bot]

🦋 Changeset detected

Latest commit: 1f0be4c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages

Name	Type
@refinedev/chakra-ui	Minor
@refinedev/ui-types	Minor
@refinedev/mantine	Minor
@refinedev/antd	Minor
@refinedev/mui	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[cypress]

refine    Run #11672

Run Properties:   Passed #11672  •  66773636c1 ℹ️: Merge f7cbc5903703abc0231bb76cd2743313d3a69e2a into 0d6d062e73189aa196a5ffbd9a89...

Project	refine
Branch Review	releases/december-2024
Run status	Passed #11672
Run duration	13m 31s
Commit	66773636c1 ℹ️: Merge f7cbc5903703abc0231bb76cd2743313d3a69e2a into 0d6d062e73189aa196a5ffbd9a89...
Committer	Alican Erdurmaz
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	7
Skipped	0
Passing	156
View all changes introduced in this branch ↗︎

[alicanerdurmaz]

Hello @OmkarBansod02 thanks for improving Refine, everything looks great!

If you have time, can you add documentation for these changes? After that, I believe this PR will be ready for release.

[OmkarBansod02]

Hello @OmkarBansod02 thanks for improving Refine, everything looks great!

If you have time, can you add documentation for these changes? After that, I believe this PR will be ready for release.

Yeah sure ! @alicanerdurmaz Can you please give me some hints Or any reference point to start from.

[alicanerdurmaz]

Hello @OmkarBansod02 thanks for improving Refine, everything looks great!
If you have time, can you add documentation for these changes? After that, I believe this PR will be ready for release.

Yeah sure ! @alicanerdurmaz Can you please give me some hints Or any reference point to start from.

We are adding descriptions of the props in the following sections:

Material UI:

• live link: https://refine.dev/docs/ui-integrations/material-ui/components/themed-layout/#props
• source code of doc: https://github.com/refinedev/refine/blob/main/documentation/docs/ui-integrations/material-ui/components/themed-layout/index.md#props

Ant Design:

• live link: https://refine.dev/docs/ui-integrations/ant-design/components/themed-layout/
• source code of doc: https://github.com/refinedev/refine/blob/main/documentation/docs/ui-integrations/ant-design/components/themed-layout/index.md

Mantine:

• live link: https://refine.dev/docs/ui-integrations/mantine/components/themed-layout/
• source code of doc: https://github.com/refinedev/refine/blob/main/documentation/docs/ui-integrations/mantine/components/themed-layout/index.md

Chakra UI:

• live link: https://refine.dev/docs/ui-integrations/chakra-ui/components/themed-layout/
• source code of doc: https://github.com/refinedev/refine/blob/main/documentation/docs/ui-integrations/chakra-ui/components/themed-layout/index.md

[OmkarBansod02]

Hey @alicanerdurmaz , I've added documentation for the onSiderCollapsed under the Ant Design provider section.
It includes:

• A description of the prop in the Sider Props table.
• An example demonstrating how to use the onSiderCollapsed .

Could you please review this and let me know if it aligns with the expected style and content? so i can move forward with other UI docs .