feat: Implement compact attribute for markup card

[dthiagarajan7]

Github Issue

Closes #1922

Description

Added a compact attribute to the State interface of markup.tsx. Users can now specify whether they want the markup card to include the paddings or not. compact attribute defaults to False.

Succssful Local Testing

Differences between compact invocations are depicted above.

The code used to produce the markup cards above is included below.

menu = '''
<p>
    <span>Spam</span>
    <span>Ham</span>
    <span>Eggs</span>
</p>
'''

# Markup card with default padding (compact attribute not invoked)
page['example1'] = ui.markup_card(
    box='4 1 3 2',
    title='Markup card with default padding (compact attribute not invoked)',
    content=menu,
)

# Markup card with padding (compact=False)
page['example2'] = ui.markup_card(
    box='4 3 3 2',
    title='Markup card with padding (compact=False)',
    content=menu,
    compact=False
)

# Markup card with no padding (compact=True)
page['example3'] = ui.markup_card(
    box='4 5 3 2',
    title='Markup card with no padding (compact=True)',
    content=menu,
    compact=True
)

[mturoci]

Thanks @dthiagarajan7! A few small changes necessary.

[dthiagarajan7]

@mturoci Thanks for the suggestions! I've just pushed all of the requested revisions and have updated the PR description accordingly.

[mturoci]

Seems like your branch needs to be rebased against the latest master. Please make sure the PR branch only includes changes relevant to the corresponding issue.

[dthiagarajan7]

@mturoci I'm so sorry about that! I've trimmed the PR branch to include only the relevant changes.

[mturoci]

Looking perfect now @dthiagarajan7!