Card component shouldn't have a default padding and a border

[brionmario]

Describe the issue:

There's a default padding & a border for the Card component from the default theme level.
This behaviour is inconsistent with the MUI behaviour since the content should be placed inside a CardContent component.

https://github.com/wso2/oxygen-ui/blob/559796f/packages/react/src/theme/default-theme.ts#L144-L145

How to reproduce:

• Import the Card from @oxygen-ui/react/Card
• See the padding & default border

Expected behavior:

1. There shouldn't be any padding for the Card component.
2. If users want a bordered card, they should use the variant="outlined"

Additional context :

• Affected Package:
  • @oxygen-ui/logger
  • @oxygen-ui/primitives
  • @oxygen-ui/react
  • @oxygen-ui/react-icons
• Library Version: [e.g., 1.10.0, 2.0.0-alpha]
• OS:
  • Windows
  • Linux
  • Mac
  • Other
• Browser:
  • Google Chrome
  • Firefox
  • Safari
  • Microsoft Edge
  • Brave
  • Opera
  • Other