feat: Allow users to remove paddings on frame cards

[kitty3190]

Added a parameter called compact in the State interface of frame.tsx. Users can specify whether they want the frame cards to have title and paddings or not. compact defaults to False.

Example:

Frame card with no padding specified:

The changes are reflected above. The first frame card with default padding (compact not specified), the second frame card with padding specified, and the third frame card with no padding specified.

The code used for testing the changes above:

# Frame card with default padding
page['example1'] = ui.frame_card(
    box='1 1 -1 4',
    title='Frame card with default padding',
    path='https://example.com',
)

# Frame card with padding
page['example2'] = ui.frame_card(
    box='1 5 -1 4',
    title='Frame card with padding specified',
    path='https://example.com',
    compact=False
)

# Frame card with no padding
page['example3'] = ui.frame_card(
    box='1 9 -1 4',
    title='Frame card with no padding specified',
    path='https://example.com',
    compact=True
)

This pull request closes #495.

[mturoci]

Thanks @kitty3190!

Based on your screenshots, it seems like it might be a good idea to also not display the title (even if specified) if the padding is turned off. This way, the whole frame card should be occupied purely with the content (be it an HTML or 3rd party site link).

Make sure to reflect the above in docstrings as well.

[kitty3190]

Thanks for the review @mturoci! I addressed the issues in my latest commit and updated the documentation above in the PR description.

[mturoci]

Looking good. I forgot the docs last time. Can you please add this to both frame.md files? Once done, it's good to be merged.

[kitty3190]

Thanks @mturoci! I've added documentation in the frame.md file inside the content folder which relates to ui.frame_card in my latest commit. I believe the other frame.md file in the form folder relates to ui.frame which I did not modify. Let me know if additional changes are required!