Update MathInput v2 keypad layout

[handeyeco]

Summary:

Updates the layout of the v2 keypad per the ticket:

Changes to the keypad layout, explained as 0-indexed coordinates (top left button is x:0, y:0)

• On all pages movement key will be 4, 3
• On the Numbers page, add “Percent” to 3, 0 (only on Numbers page)
• On the Numbers / Pre-Algebra page, move “Fraction” to 3, 1
• On Geometry / Extras page, move “Fraction” to 3, 0
• Make “extras” key a 3x4 grid vs a 4x4 grid, to accommodate “Fraction” key

Screen.Recording.2023-06-27.at.12.17.39.PM.mov

Issue: LC-976

[changeset-bot]

🦋 Changeset detected

Latest commit: f8aef08

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@khanacademy/math-input	Minor
@khanacademy/perseus	Patch
@khanacademy/perseus-editor	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[khan-actions-bot]

Gerald

Required Reviewers

• @Khan/perseus for changes to .changeset/slimy-gorillas-return.md, packages/math-input/src/components/keypad/button-assets.tsx, packages/math-input/src/components/keypad/index.tsx, packages/math-input/src/components/keypad/shared-keys.tsx, packages/math-input/src/components/keypad/keypad-pages/extras-page.tsx, packages/math-input/src/components/keypad/keypad-pages/numbers-page.tsx

---

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

[github-actions]

Size Change: +35 B (0%)

Total Size: 811 kB

Filename	Size	Change
packages/math-input/dist/es/index.js	77.6 kB	+35 B (0%)

ℹ️ View Unchanged

Filename	Size
packages/kas/dist/es/index.js	38 kB
packages/kmath/dist/es/index.js	4.13 kB
packages/perseus-core/dist/es/index.js	55 B
packages/perseus-editor/dist/es/index.js	256 kB
packages/perseus-error/dist/es/index.js	705 B
packages/perseus-linter/dist/es/index.js	21.2 kB
packages/perseus/dist/es/index.js	397 kB
packages/pure-markdown/dist/es/index.js	3.65 kB
packages/simple-markdown/dist/es/index.js	12.6 kB

_{compressed-size-action}

[github-actions]

npm Snapshot: Published

🎉 Good news!! We've packaged up the latest commit from this PR (506d621) and published it to npm. You
can install it using the tag PR587.

Example:

yarn add @khanacademy/perseus@PR587

[SonicScrewdriver]

Looks great LGTM!

[SonicScrewdriver]

I will always be amused by these changesets.

[SonicScrewdriver]

It might be good to add a comment here to explain fracCoord for our future selves. :) Not a blocker at all.

[coveralls]

coverage: 45.456% (+0.01%) from 45.444% when pulling f8aef08 on LC-976/button-arrangement into 1bad1cb on main.