Polish settings billing and MCP UI (#22554)

## Summary

- Polish Billing credits progress rounding and secondary action styling.
- Update MCP setup logos, card spacing, grouping, and badge color.

## Before/After

MCP & APIs

<img width="2258" height="2010" alt="MCP & APIs settings visual"
src="https://github.com/user-attachments/assets/915c8b50-5b98-4ba9-8e5c-a33f36440f6e"
/>

Billing

<img width="2240" height="1644" alt="Billing settings visual"
src="https://github.com/user-attachments/assets/9e3eb332-5792-4a4a-80b0-1b984e574008"
/>

packages/twenty-ui/src/feedback/ProgressBar/ProgressBar.module.scss

@@ -7,7 +7,8 @@
   overflow: hidden;
 
   &[data-with-border-radius] {
-    border-radius: var(--t-border-radius-xxl);
+    border-radius: var(--t-border-radius-pill);
+    corner-shape: round;
   }
 }
 
@@ -24,7 +25,8 @@
   transition: width duration(normal) linear;
 
   &[data-with-border-radius] {
-    border-radius: var(--t-border-radius-md);
+    border-radius: var(--t-border-radius-pill);
+    corner-shape: round;
   }
 
   &[data-nonzero] {