refactor(admin): make every admin page span the full screen width

[laithanhhung]

• Drop the dashboard grid's lg:max-w-3xl cap and let it use more columns on large screens so the page fills the width like the users page.
• Give ResourceCrudComponent a full-width flex host so its content stretches the whole screen instead of shrinking to the default inline host width (affects hubs, categories, units, products, markets, vehicles, zones).

Summary by CodeRabbit

• Style
  • Improved the admin dashboard card layout with responsive columns and consistent spacing across screen sizes.
  • Updated resource management pages to use the available width and a full-height column layout.

[kody-ai]

Code Review Could Not Complete ⚠️

The review failed before suggestions could be generated.

Reason: The configured API key (google_gemini) is out of credits or has hit its billing limit. Top up the account or adjust the plan.

After fixing the issue, comment @kody review on this PR to re-run the review.

Kody Guide: Usage and Configuration

Interacting with Kody

• Request a Review: Ask Kody to review your PR manually by adding a comment with the @kody start-review command at the root of your PR.

• Validate Business Logic: Ask Kody to validate your code against business rules by adding a comment with the @kody -v business-logic command.

• Provide Feedback: Help Kody learn and improve by reacting to its comments with a 👍 for helpful suggestions or a 👎 if improvements are needed.

Current Kody Configuration

Review Options

The following review options are enabled or disabled:

Options	Enabled
Bug	✅
Performance	✅
Security	✅
Business Logic	✅

Access your configuration settings here.

​

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 719284d5-72bf-429f-a987-a75515a572d7

📥 Commits

Reviewing files that changed from the base of the PR and between c96725d and 9aade3d.

📒 Files selected for processing (2)

• src/app/modules/admin/dashboard.component.html
• src/app/modules/admin/shared/resource-crud.component.ts

---

📝 Walkthrough

Walkthrough

Admin dashboard cards now use responsive grid columns and spacing, while the resource CRUD component host uses flex sizing and column layout classes.

Changes

Admin layout

Layer / File(s)	Summary
Responsive admin layout src/app/modules/admin/dashboard.component.html, src/app/modules/admin/shared/resource-crud.component.ts	The dashboard cards wrapper now uses breakpoint-based grid columns and gaps, while the resource CRUD host adds flex column layout classes.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

• fix-later/freshflow-web#14: Introduces the same ResourceCrudComponent file and class.

Poem

A bunny sees the cards align,
In tidy rows from line to line.
The CRUD host stretches, neat and tall,
With flex-filled space to fit them all.
Hop, hop—responsive layouts bloom!

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch admin-full-width-layout

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint install timed out. The project may have too many dependencies for the sandbox.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}