Data source list: Use Card component (#31326)

* Replace DataSourcesListItem with Card

* Add tests

* Remove unused styles

* Make card heading semi bold

* Make heading semi-bold

* Show type name instead of type id

* Fix key warning

* Update Card

* Fix tests

* Make typeName optional

* remove styling that was just a test

* Make typeName non-optional and fix tests

* Update list key

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>

public/app/plugins/datasource/cloudwatch/components/ConfigEditor.test.tsx

@@ -28,6 +28,7 @@ const setup = (propOverrides?: object) => {
       url: '',
       database: '',
       type: 'cloudwatch',
+      typeName: 'Cloudwatch',
       user: '',
       password: '',
       basicAuth: false,