feat(utility): implement DashboardLayout component with Storybook stories #166

[ayseturmus]

Pull Request

📄 Summary

Implements DashboardLayout utility component for dashboard pages with header, sidebar, footer, loading and error states. Adds onRefresh callback passed via header context, replaces loading state div with Row, and wires Storybook actions for Refresh and sidebar item clicks.

---

🧩 Affected Module(s)

• Source Code
• Documentation
• CI / Infra

---

✅ Checklist

• My branch name follows format: / (feat/implement-dashboard-layout-component)
• My PR title starts with one of the approved types listed above
• My code is formatted (pnpm format)
• I ran static analysis (pnpm check) and resolved warnings
• I ran lint (pnpm lint)
• I ran build (pnpm build)
• For UI changes, I added Storybook stories
• I ensured this PR has no unrelated changes
• This PR is ready for review and does not include unfinished work

---

🔗 Related Issues

Closes #166

💬 Additional Notes

Key changes:

• onRefresh prop: Header snippet receives { onRefresh }; Refresh button triggers Storybook Actions when clicked.
• Row for loading state: Loading state uses Row instead of raw div for AGENTS.md composition rules.
• Storybook actions: Refresh and sidebar items (Overview, Analytics, Reports, Settings) use fn() and appear in Actions panel.
• Component composition: Uses Sidebar, Row, Spinner, Alert, Heading, Button, Card, etc.
• Layout primitives: div, header, main, aside, footer used as semantic layout, with NOTE comment.
• i18n: User-facing text exposed as props with English defaults.