fix: restore translucent dashboard styling (#6664)

* fix: restore translucent dashboard styling

* fix: restore dashboard widget transparency

* fix: address dashboard review feedback

* fix: apply board opacity to containers

* fix: flatten demo board container

* fix: default board roundness to sm

* fix: restore assistant widget transparency

* Revert "fix: default board roundness to sm"

This reverts commit c235cbdf2b.

* fix: address remaining dashboard review comments

* test: align grid geometry expectations

packages/widgets/src/wud/component.module.css

@@ -1,7 +1,3 @@
-[data-mantine-color-scheme="light"] .card {
-  background-color: var(--mantine-color-gray-1);
-}
-
-[data-mantine-color-scheme="dark"] .card {
-  background-color: var(--mantine-color-dark-7);
+.card {
+  background-color: transparent;
 }

packages/widgets/src/wud/component.tsx

@@ -206,14 +206,20 @@ const UpdateCard = ({
     ? t("updateAvailable")
     : buildVersionText(truncateVersion(update.currentVersion), truncateVersion(update.newVersion));
   const versionBadge = versionText ? (
-    <Badge size="xs" variant="light" color="gray" style={{ whiteSpace: "nowrap" }}>
+    <Badge size="xs" variant="subtle" color="gray" style={{ whiteSpace: "nowrap" }}>
       {versionText}
     </Badge>
   ) : null;
   const showVersionTooltip = versionText !== null && !isDigestUpdate && versionText !== fullVersionText;
 
   return (
-    <Card className={combineClasses(className)} radius={radius} p="xs" style={{ overflow: "visible" }}>
+    <Card
+      className={combineClasses(className)}
+      radius={radius}
+      p="xs"
+      bg="transparent"
+      style={{ overflow: "visible" }}
+    >
       <Group justify="space-between" wrap="nowrap" gap="xs" miw={0}>
         <Text size="xs" fw={500} lineClamp={1} miw={0}>
           {update.name}