Sidebar settings

The sidebar is built with Radix and shadcn/ui primitives. It supports a compact icon rail, a full expanded mode, and RTL-aware positioning when the document direction switches to Arabic.

Layout structure

A single shared right sidebar component
Conditional content for dashboard versus documentation
Consistent spacing and header separator alignment

Toggle placement

The right sidebar toggle stays in the header
The button mirrors the left sidebar trigger
Closing the panel should resize the page without shifting the content stack

RTL behavior

Right sidebar becomes left when the document direction changes
Icons and chevrons mirror automatically
Offcanvas and inset behavior should stay balanced

Open sidebar settings

Things that matter

Left and right sidebar offsets
Header separators and toggle positions
Collapsible section spacing
RTL mirroring for icons and controls

Implementation note

If dir="rtl" is active, the sidebar order should flip automatically while the visual spacing and separators stay balanced.