Feat: Change the style of all cards according to the design #10703 (#10704)

### What problem does this PR solve?

Feat: Change the style of all cards according to the design #10703

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/ui/card.tsx

@@ -8,7 +8,10 @@ const Card = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <div
     ref={ref}
-    className={cn('rounded-lg  bg-bg-card  shadow-sm', className)}
+    className={cn(
+      'rounded-lg border-border-default border shadow-sm bg-bg-input',
+      className,
+    )}
     {...props}
   />
 ));