fix(ui): align attachment cards with theme constraints

packages/client/ui-attachment/src/FileCard.module.css

@@ -6,7 +6,7 @@
   width: 240px;
   height: 64px;
   padding: 0 12px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
+  border: 0.5px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   border-radius: 16px;
   background: var(--dsw-specific-input-major, transparent);
   box-sizing: border-box;
@@ -32,6 +32,7 @@
   border: 2px solid currentColor;
   border-top-color: transparent;
   border-radius: 50%;
+  corner-shape: round;
   animation: file-card-spin 0.8s linear infinite;
 }
 
@@ -92,6 +93,7 @@
   padding: 0;
   border: none;
   border-radius: 50%;
+  corner-shape: round;
   background: var(--dsw-alias-button-contrast-fill, rgba(0, 0, 0, 0.72));
   color: var(--dsw-alias-label-primary-inverted, #fff);
   opacity: 0;

packages/client/ui-attachment/src/client/ComposerAttachments.module.css

@@ -14,7 +14,7 @@
   height: 64px;
   padding: 0;
   overflow: hidden;
-  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin);
+  border: 0.5px solid var(--dsw-alias-border-l2-darkmode-thin);
   border-radius: 16px;
   background: var(--dsw-alias-interactive-bg-hover);
   cursor: zoom-in;
@@ -39,6 +39,7 @@
   padding: 0;
   border: none;
   border-radius: 50%;
+  corner-shape: round;
   background: var(--dsw-alias-button-contrast-fill);
   color: var(--dsw-alias-label-primary-inverted);
   cursor: pointer;

packages/client/ui-chat/src/client/chat/MessageItem.module.css

@@ -309,7 +309,7 @@
   width: 240px;
   min-height: 64px;
   padding: 8px 12px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
+  border: 0.5px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   border-radius: 16px;
   background: var(--dsw-specific-input-major, transparent);
   box-sizing: border-box;

packages/client/ui-conversation/src/client/queue/QueueDock.module.css

@@ -140,7 +140,7 @@
   height: 24px;
   padding: 0 6px;
   overflow: hidden;
-  border: 1px solid var(--dsw-alias-border-l1);
+  border: 0.5px solid var(--dsw-alias-border-l1);
   border-radius: 6px;
   background: var(--dsw-alias-bg-base);
   box-sizing: border-box;