fix(projects): align project cards to the left on large screens

[adams-okode]

What is this PR about?

Fixed the project cards layout on the Projects page so they pack to the left with consistent gaps on large/wide screens instead of spreading across the full width.

Changes

• Replaced the fixed grid-cols-* responsive classes with grid-cols-[repeat(auto-fill,minmax(280px,280px))] (starting at sm breakpoint).
• Cards now naturally align left and only create as many columns as can physically fit.
• Maintained full responsiveness across all screen sizes (full width on mobile, increasing density on larger screens).

Why this approach?

The previous implementation using explicit lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 caused the grid tracks to stretch across the entire container, resulting in large gaps between cards when there were fewer projects than available columns.

Testing

• Tested locally on multiple screen sizes (mobile, laptop, 1440p, 4K, and ultrawide).
• No logic changes — pure layout/CSS improvement.

Checklist

Before submitting this PR, please make sure that:

• You created a dedicated branch based on the canary branch.
• You have read the suggestions in the CONTRIBUTING.md file https://github.com/Dokploy/dokploy/blob/canary/CONTRIBUTING.md#pull-request
• You have tested this PR in your local instance. If you have not tested it yet, please do so before submitting. This helps avoid wasting maintainers' time reviewing code that has not been verified by you.

Issues related (if applicable)

closes #4523

Screenshots (if applicable)

Before

After