feat: add titleSuffix and inlineActions to MagicStarterPageHeader

[anilcancakir]

Summary

• titleSuffix (Widget?) — renders inline after the title column inside the title+leading row (e.g. status badges)
• inlineActions (bool, default false) — forces single-row layout on all screen sizes, no mobile stacking

Test plan

• 6 new tests: titleSuffix renders, titleSuffix null, inlineActions true, inlineActions false (default), combined all params
• 8 existing tests unmodified and passing
• Full suite: 584 tests pass
• flutter analyze: 0 issues
• CHANGELOG + doc/basics/views-and-layouts.md updated

Closes #24

[sentry]

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

[Copilot]

Pull request overview

Adds two new customization points to MagicStarterPageHeader to better support detail-view headers (e.g., inline status badges and always-inline actions on mobile), along with tests and documentation updates.

Changes:

• Added titleSuffix: Widget? to render an inline widget after the title column.
• Added inlineActions: bool to force a single-row header layout across all breakpoints.
• Updated docs and CHANGELOG; extended widget tests for the new behavior.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.

File	Description
lib/src/ui/widgets/magic_starter_page_header.dart	Introduces titleSuffix and inlineActions and updates header layout classes accordingly.
test/ui/widgets/magic_starter_page_header_test.dart	Adds new widget tests covering titleSuffix and inlineActions behavior.
doc/basics/views-and-layouts.md	Documents the new parameters and provides a detail-view usage example.
CHANGELOG.md	Notes the new MagicStarterPageHeader features under Unreleased.

Comments suppressed due to low confidence (1)

lib/src/ui/widgets/magic_starter_page_header.dart:48

• When inlineActions is true, the outer container is flex-row on small screens, but the left (title/leading) row only becomes flexible at sm: (sm:flex-1). On mobile this can prevent the title column from receiving a width constraint (so truncate won’t behave) and can cause the actions to overflow off-screen. Consider making the left row flex-1 (not only sm:flex-1) when inlineActions is enabled so the title can shrink/truncate and the actions stay visible.

      className: inlineActions
          ? 'w-full flex flex-row items-center justify-between gap-4 p-2 lg:p-4 border-b border-gray-200 dark:border-gray-700'
          : 'w-full flex flex-col sm:flex-row items-start sm:items-center sm:justify-between gap-4 p-2 lg:p-4 border-b border-gray-200 dark:border-gray-700',
      children: [
        WDiv(
          className: 'flex flex-row items-center gap-3 sm:flex-1 min-w-0',
          children: [