Project cards spread far apart on large/wide screens instead of aligning left #4523

To Reproduce

On large or wide screens (e.g. 1920px+ or ultrawide monitors), the project cards on the Projects page are spaced very far apart horizontally instead of packing to the left.

1. Go to the Projects page (/dashboard/projects)
2. View the page on a large monitor or with a wide browser window
3. Observe the spacing between project cards

Current vs. Expected behavior

Current Behavior

• Cards are distributed across the full width of the container using a fixed grid-cols-* layout.
• When there are only a few projects, large empty gaps appear between cards.

Expected Behavior

• Cards should align to the left and pack naturally with consistent gaps.
• The layout should remain responsive and increase the number of cards per row on larger screens without spreading them out.

Screenshots

Provide environment information

- Browser: chrome
- Screen resolution: 3440 x 1440
- Dokploy version: v0.29.6

Which area(s) are affected? (Select all that apply)

Application

Are you deploying the applications where Dokploy is installed or on a remote server?

Same server where Dokploy is installed

Additional context

This is a small UI layout regression that affects the visual experience on larger displays.

Will you send a PR to fix it?

Yes