[Designer] Add Berlin config

[licanhua]

This change is based on PR #6530
Closes #6433
Closes #6434
Closes #6435
Closes #6436

1. Add 6 hosts "Berlin | Light | small", "Berlin | Light | Medium", "Berlin | Light | Large", "Berlin | Dark | Small", "Berlin | Dark | Medium", "Berlin | Dark | Large"
2. The size definition as below, and 40px is reserved as header on top.

small: {
        height: "200px",
        width: "300px",
    },

medium: {
        height: "308px",
        width: "300px",
    },

large: {
        height: "416px",
        width: "300px",
    },

• Large
  
  

• Medium
  
  

• Small
  
  

Microsoft Reviewers: Open in CodeFlow

[ghost]

Hi @licanhua. Thanks for helping make the AdaptiveCards JS renderer + tooling better. As additional verification, once the JS build succeeds, please go to the test site to test out your website/designer changes.

[jwoo-msft]

this seems to be wrong, if the card size is reduced, the users will expect to see the compression of AdaptiveCards. But it appears that only the boundary of the card is changed.

[jwoo-msft]

Card size seems to be wrong, if the card size is reduced, the users will expect to see the compression of AdaptiveCards. But it appears that only the boundary of the card is changed.

[licanhua]

Card size seems to be wrong, if the card size is reduced, the users will expect to see the compression of AdaptiveCards. But it appears that only the boundary of the card is changed.

This is the first version. how to stretch or handle the visual out of card boundary will not be addressed by this PR.
Currently I only tell user: please keep your content inside this box

[paulcam206]