style(BookAndNotepad): Replace current svg with new cropped svg

[zippyzow]

Overview

The current illustration for the BookAndNotepad has extra space on the right side making it hard to center (see pics). Once we have the updated illustration, replace the current BookAndNotepad svg in gamut illustrations and then bump the monolith package so it gets the corrected illustration.

Before (note the extra space on the right)

After

PR Checklist

• Related to designs: https://www.figma.com/file/TjBVb65kukF5TZRqYUn4Se/onboarding?node-id=306-11550
• Related to JIRA ticket: DISC-1226
• I have run this code to verify it works
• This PR includes unit tests for the code change
• This PR includes testing instructions tests for the code change
• The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

1. Check out the BookAndNotepad under Illustrations in Storybook. You can see its more centered than the one in production which has extra space on the right.
2. You can also go on the monolith PR env link, go to the dashboard as a user in the onboarding_getting_started experiment variant, and see the new illustration in action

PR Links and Envs

Repository	PR Link	PR Env
Monolith	Monolith PR	Monolith Env
Portal	Portal Link

[codecademydev]

📬Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

[codecademydev]

🚀 Styleguide deploy preview ready!

https://64adce370d22f04c0a3c4b4f--gamut-preview.netlify.app

Deploy Logs

[saghdaey]

LGTM! tested in storybook preview & monolith preview