Feature: Re-architect how styles are implemented in PDF components

[davidholyko]

Summary
A clear and concise description of what the new feature/enhancement is.

Acceptance Criteria

ideally styles should be like

<Component className="big-font p-0" />

whereas currently they need to be

<Component style={styles['big-font']} />

Limitations are one style can be applied. We want multiple styles to be dynamically applied and the styles prop doesn't have to be manually passed down to each component