feat: Add method to Sign in with Ethereum [SW-28]

[usame-algan]

What it solves

Adds a new function signInWithEthereum that can be used to prompt the user to sign an EIP-4361 message and request an access_token from the CGW that is stored as a cookie and can be used in subsequent requests via the credentials: include header.

How to test

You can add a new button and trigger it manually e.g.

const SignInButton = () => {
    const provider = useWeb3()

    if (!provider) return null

    return <button onClick={() => signInWithEthereum(provider)}>Sign in</button>
}

Checklist

• [ ] I've tested the branch on mobile 📱
• [ ] I've documented how it affects the analytics (if at all) 📊
• [ ] I've written a unit/e2e test for it (if applicable) 🧑‍💻

[github-actions[bot]]

Branch preview

✅ Deploy successful!

Website: https://siwe--walletweb.review.5afe.dev/home?safe=eth:0xA77DE01e157f9f57C7c4A326eeE9C4874D0598b6

Storybook: https://siwe--walletweb.review.5afe.dev/storybook/

[github-actions[bot]]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: :white_check_mark: success
  • Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[github-actions[bot]]

📦 Next.js Bundle Analysis for safe-wallet-web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

[github-actions[bot]]

Coverage report

St.:grey_question:	Category	Percentage	Covered / Total
🟡	Statements	78.78%	11385/14452
🔴	Branches	58.09%	2753/4739
🟡	Functions	65.74%	1827/2779
🟢	Lines	80.16%	10260/12800

Test suite run success

1413 tests passing in 195 suites.

Report generated by 🧪jest coverage report action from 064fda40df750b3c6473076e6f44e7e4ff006667

[notion-workspace[bot]]

Add SiWE call in Frontend

[github-actions[bot]]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: :white_check_mark: success
  • Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[usame-algan]

The lint issues will be fixed after https://github.com/safe-global/safe-wallet-web/pull/3865 is merged

[github-actions[bot]]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: :white_check_mark: success
  • Annotations: 0 total

---

^{Report generated by eslint-plus-action}