WEB: Add sm variant for chip

[nxtcoder19]

Summary by Sourcery

Add a new 'SM' variant to the Chip component for smaller styling options and enhance the ListView component to utilize this new variant for displaying template chips. Adjust the 'Cluster' column in the ListView for consistent styling.

New Features:

• Introduce a new 'SM' variant for the Chip component, allowing for smaller padding and text styling.

Enhancements:

• Modify the ListView component to include a 'Cluster' column with a fixed width and flex styling.
• Update the ListView component to display a 'Template' Chip with the new 'SM' type when the cluster name is empty.

[sourcery-ai]

Reviewer's Guide by Sourcery

This pull request adds a new 'SM' (small) variant for the Chip component and updates the environment resources list view to use this new variant. The changes primarily affect the styling and layout of the Chip component and its usage in the environment resources list.

No diagrams generated as the changes look simple and do not need a visual representation.

File-Level Changes

Change	Details	Files
Added a new 'SM' variant to the Chip component	Introduced 'SM' as a new ChipType Added conditional styling for the 'SM' variant Implemented size-specific text styling for the 'SM' variant	src/design-system/components/atoms/chips.tsx
Updated the environment resources list view to use the new 'SM' Chip variant	Restructured the layout of the list view items Added a Chip component with 'SM' type for template items Adjusted the 'cluster' column styling	src/apps/console/routes/_main+/$account+/environments/environment-resources-v2.tsx

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it.

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey @nxtcoder19 - I've reviewed your changes - here's some feedback:

Overall Comments:

• Consider using a more descriptive name for the 'SM' chip variant, such as 'SMALL', to improve code readability and maintainability.

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}