ECHOES-1265 Update sidebar navigation (padding, header, accordion)

[marciopmoreira6]

ECHOES-1265

[netlify]

✅ Deploy Preview for echoes-react ready!

Name	Link
🔨 Latest commit	99f4529
🔍 Latest deploy log	https://app.netlify.com/projects/echoes-react/deploys/69ce4739f1aedf00085b060a
😎 Deploy Preview	https://deploy-preview-657--echoes-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[hashicorp-vault-sonar-prod]

ECHOES-1265

[sonarqube-next]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0 Dependency risks
No data about Coverage
No data about Duplication

See analysis details on SonarQube

[sonar-review-alpha]

Summary

This PR updates the sidebar navigation styling and layout with three main changes: (1) removes top padding from the sidebar wrapper and restructures the header with new wrapper components to better manage spacing and responsive behavior; (2) adds a new defaultOpen prop to the accordion item component to allow accordions to open by default; (3) increases the minimum width of the header's main content area and improves flex behavior. The changes are supported by updated tests and expanded Storybook stories demonstrating the new functionality.

What reviewers should know

Start with SidebarNavigationHeader.tsx as it contains the most significant refactoring—new HeaderWrapper and HeaderInnerRow styled components that consolidate spacing logic and add responsive padding adjustments. The key flex change is flex: 1 0 0 on HeaderContainer (previously flex-shrink: 0) which allows the header to fill available space. SidebarNavigationAccordionItem.tsx is straightforward: the new defaultOpen prop simply passes through to useState. Check the test file to see the expected behavior. The Storybook stories were refactored to reduce duplication with shared children components and add new stories to showcase the defaultOpen and responsive docking behavior.

---

• Generate Walkthrough
• Generate Diagram

🗣️ Give feedback

[david-cho-lerat-sonarsource]

before we used to have "disableIconWhenSidebarOpen" on the items in this story but that was a no-op as we were not in a sidebar context, now we show that explicitly

[sonarqube-next]

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0 Dependency risks
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube

[sonar-review-alpha]

LGTM! ✅

🗣️ Give feedback