collapsing a sidebar erroneously shows a collapse animation for open sub-items

[SheetJSDev]

Have you read the Contributing Guidelines on issues?

• [X] I have read the Contributing Guidelines on issues.

Prerequisites

• [X] I'm using the latest version of Docusaurus.
• [X] I have tried the npm run clear or yarn clear command.
• [X] I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• [ ] I have tried creating a repro with https://new.docusaurus.io.
• [X] I have read the console error message carefully (if applicable).

Description

When a sidebar has nested sections, collapsing the parent also shows the animation for the children icons.

https://user-images.githubusercontent.com/6070939/210901282-c0ba9a5d-c5f0-411c-9392-aaacbfb3776c.mov

Notice how the icon to the right of "iOS and Android Apps" spins even though the parent "Demos" block is collapsing.

It is surprising because the nested groups are not collapsed when the parent group is uncollapsed.

Reproducible demo

https://git.sheetjs.com/sheetjs/docs.sheetjs.com

Steps to reproduce

Visit https://docs.sheetjs.com/docs/demos/mobile/ on a computer and click the chevron next to "Demos". Observe that two icons rotate

Expected behavior

Only the Demos chevron rotates (since the inner block does not collapse when you expand the Demos group again)

Actual behavior

Both chevrons rotate

Your environment

• Public source code: https://git.sheetjs.com/sheetjs/docs.sheetjs.com
• Public site URL: https://docs.sheetjs.com/docs/demos/mobile/
• Docusaurus version used: 2.2.0
• Environment name and version (e.g. Chrome 89, Node.js 16.4): Chrome 108
• Operating system and version (e.g. Ubuntu 20.04.2 LTS): macOS 12.6

Self-service

• [ ] I'd be willing to fix this bug myself.

[Josh-Cena]

This has been the behavior since (probably) forever. It needs to be fixed in Infima if people feel strongly about it. Looks like we should only select the direct descendent caret to be rotated?

[CoderSantosh1]

item/#8512