Setup widget card for mother dashboard first row widgets

[d-beezee]

<WidgetCard>
    <WidgetCard.Header tooltipContent="Tooltip content">
        CARD TITLE
    </WidgetCard.Header>
    <div>
        HERE MY MAIN CONTENT (e.g. a graph)
    </div>
    <WidgetCard.Description
        header={"Small text on top"}
        content={
        <span style={{ color: "purple" }}>
            8
            <XL tag="span" isBold>
            critical bugs
            </XL>
        </span>
        }
        footer={"of 100 bugs"}
    />
    <WidgetCard.Footer><a>FOOTER LINK<i>my_external_link_icon</i></a></WidgetCard.Footer>
</WidgetCard>