https://sonarly.com/issue/37072?type=bug
The settings sidebar can render in collapsed mode because it reuses a globally persisted drawer expansion state. This causes a broken-looking settings layout after refresh/new tab/direct settings navigation.
Fix: I updated the navigation drawer rendering logic so settings pages always use expanded drawer width at display time.
### What changed
In `NavigationDrawer.tsx`, I introduced a derived boolean:
- `isNavigationDrawerDisplayedExpanded = isNavigationDrawerExpanded || isSettingsDrawer`
Then I used this derived value for:
- `StyledAnimatedContainer.isExpanded`
- `StyledContainer.isExpanded`
### Why this fixes the bug
The persisted atom (`isNavigationDrawerExpandedState`) can be `false` from prior app usage. Previously, settings layout consumed that raw value for outer drawer width, so direct settings entry (refresh/new tab/direct URL) could render collapsed. With the derived display flag, settings routes force expanded rendering regardless of persisted global collapse state, while preserving existing global state behavior for non-settings routes.
### Scope/safety
- Single-file, UI-layer fix in the component that owns drawer width.
- No changes to persistence, navigation state contracts, or shared utilities.
- Existing non-settings collapse/resize behavior remains unchanged.
Sonarly Claude Code
7195b7bc0b