Improve sidebar item arrow animation (#4364)

* Refactor sidebar component styles for improved readability and consistency

* Create swift-squids-rhyme.md

---------

Co-authored-by: Dimitri POSTOLOV <[email protected]>

Author: clicktodev

.changeset/swift-squids-rhyme.md

@@ -0,0 +1,5 @@
+---
+"nextra-theme-docs": patch
+---
+
+fix: improve sidebar folder item arrow animation

packages/nextra-theme-docs/src/components/sidebar.tsx

@@ -158,8 +158,8 @@ const Folder: FC<FolderProps> = ({ item: _item, anchors, onFocus, level }) => {
           className={cn(
             'x:shrink-0',
             'x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5',
-            'x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180',
-            open && 'x:*:ltr:rotate-90 x:*:rtl:-rotate-270'
+            'x:motion-reduce:transition-none x:origin-center x:transition-all x:rtl:-rotate-180',
+            open && 'x:ltr:rotate-90 x:rtl:-rotate-270'
           )}
         />
       </ComponentToUse>