feat: upgrade to brand evolution colors

[georgewrmarshall]

Description

This PR updates the @metamask/design-tokens package from v5.0 to v5.1.0 to align with MetaMask's brand evolution color updates. The most notable change is the transition from our traditional blue to the new "blurple" color scheme. It touches a lot of snapshots but there are no functional changes other than upgrading the design tokens library.

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/4405

Manual testing steps

1. Run the application and verify the updated colors across various components
2. Check light mode and dark mode

Screenshots/Recordings

Before

Navigating around the app with current colors using primary (blue)

before720.mov

After

Navigating around the app with brand evolution colors using primary (blurple)

after720.mov

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[socket-security]

Updated dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@metamask/design-tokens@5.0.0 ➜ 5.1.0	None	0	293 kB	metamaskbot

View full report↗︎

[Cal-L]

LGTTM

[christopherferreira9]

LGTM

[EtherWizard33]

reaproving