Pass WorkflowCard props to every screen component

[ektaghag-eaton]

Fixes BLUI-4694 .

Changes proposed in this Pull Request:

• Pass WorkflowCard props to every screen component
• Make divider default true
• Update docs

Screenshots / Screen Recording (if applicable)

To Test:

Any specific feedback you are looking for?

-1. By default, making the divider value true so if the user wants to hide the divider needs to pass code like the below:
<VerifyCodeScreen
WorkflowCardInstructionProps={{
instructions: 'Test Instruction',
divider: false,
}}
WorkflowCardActionsProps={{
divider: false,
}}
/>

2. Every screen should have WorkflowCardBaseProps, WorkflowCardHeaderProps, WorkflowCardInstructionProps and WorkflowCardActionsProps

Note: For testing purpose, I have added code snippets for every component in AppRouter Please uncomment code while testing along with the default behaviour.

[github-actions]

Visit the preview URL for this PR (updated for commit 41a3480):

https://blui-react-login--pr469-fix-blui-4694-workfl-l1cp299e.web.app

_{(expires Fri, 22 Sep 2023 10:24:31 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 1e9064d2e35ed37fe01e053587ea5f209719a043}

[surajeaton]

Please resolve the conflicts.

[ektaghag-eaton]

WorkflowCardBaseProps

Done please review

[JeffGreiner-eaton]

for some reason I can't do inline comments in this PR, but for workflowCardInstructions type for divider we can add @default true to the type doc section.

/**
* Whether or not to show a divider below the instructions
* @default true
*/
divider?: boolean;

[surajeaton]

Please resolve the conflicts

[surajeaton]

Lint is failing.

[ektaghag-eaton]

for some reason I can't do inline comments in this PR, but for workflowCardInstructions type for divider we can add @default true to the type doc section.

/** * Whether or not to show a divider below the instructions * @default true */ divider?: boolean;

@JeffGreiner-eaton and @surajeaton fixed PR comments. Please review.

[surajeaton]

Looks good.
Make sure to undo the changes did for testing before merging.

[JeffGreiner-eaton]

Looks good. Make sure to undo the changes did for testing before merging.

@ektaghag-eaton please update app router test code

[joebochill]

Looks fine to me. I might've opted to go with a single WorkflowCardProps prop with keys for each of the Base, Instructions, etc. for a slightly cleaner look in the DOM, but it would complicate the destructuring in all of the screens, so this works fine as is.