#2983 onboarding create onboarding block

[thaninbew]

Changes

Merged new changes from Aaryan and added onboarding block

Notes

Lmk if this aligns more with what's needed! Also, am I supposed to be editing and updating the PR comment or should i create a new PR everytime?

Screenshots

If you made UI changes you must post a screenshot of the whole page for each change in 1) a normal sized window and 2) the smallest possible window

Checklist

It can be helpful to check the Checks and Files changed tabs.
Please review the contributor guide and reach out to your Tech Lead if anything is unclear.
Please request reviewers and ping on slack only after you've gone through this whole checklist.

• All commits are tagged with the ticket number
• [x ] No linting errors / newline at end of file warnings
• [x ] All code follows repository-configured prettier formatting
• [ x] No merge conflicts
• [x ] All checks passing
• [x ] Screenshots of UI changes (see Screenshots section)
• [x ] Remove any non-applicable sections of this template
• [ x] Assign the PR to yourself
• [x ] No yarn.lock changes (unless dependencies have changed)
• [x ] Request reviewers & ping on Slack
• [x ] PR is linked to the ticket (fill in the closes line below)

Closes # (issue #)
#2983

[Aaryan1203]

Love the organization for the code and creating a new file for this block. What I think might be a better idea is to use grid to create three sections (And you can leave placeholder comment for the other two blocks like useful links and questions block) and then just add the styling for your text and block there. This way we won't have a different component for the onboarding block, useful links, and questions and instead itll all be in one file

[Aaryan1203]

Great work! LGTM