docs: Add new ERC-7579 Tutorial

[valle-xyz]

Replaces the old 7579 tutorial with a new one.

• Compatible with the new permissionless.js 0.2.0 version and viem 2.20.0
• Reduces boilerplate code
• Adds three distinct functions to install, use and interact with a 7579 module
• Accompanied by an example repository.

[github-actions]

Branch preview

✅ Deployed successfully in branch deployment:

https://tutorial_new7579--docs.review.5afe.dev

[github-actions]

Overall readability score: 42.52 (🟢 +0.03)

File	Readability
7579-tutorial.mdx	73.57 (🟢 +3.49)

View detailed metrics

🟢 - Shows an increase in readability
🔴 - Shows a decrease in readability

File	Readability	FRE	GF	ARI	CLI	DCRS
7579-tutorial.mdx	73.57	57.37	8.57	8.9	10.08	6.46
	🟢 +3.49	🟢 +0.21	🟢 +0.37	🟢 +0.7	🟢 +0.53	🟢 +0.33

Averages:

	Readability	FRE	GF	ARI	CLI	DCRS
Average	42.52	37.15	12.05	15.81	14.37	8.22
	🟢 +0.03	🟢 +0	🟢 +0	🟢 +0.01	🟢 +0	🟢 +0

View metric targets

Metric	Range	Ideal score
Flesch Reading Ease	100 (very easy read) to 0 (extremely difficult read)	60
Gunning Fog	6 (very easy read) to 17 (extremely difficult read)	8 or less
Auto. Read. Index	6 (very easy read) to 14 (extremely difficult read)	8 or less
Coleman Liau Index	6 (very easy read) to 17 (extremely difficult read)	8 or less
Dale-Chall Readability	4.9 (very easy read) to 9.9 (extremely difficult read)	6.9 or less

[louis-md]

Thanks @valle-xyz for the good work! The tutorials works as intended, so congrats on that!! 🙌 (And I know the kind of pain this means 😌). It's also much shorter, so kudos for that too, we'll be saving a lot of time to builders. 💪💪

I have noted a few improvement points:

• We should probably explain to the user when/how is the safe deployed (and display e.g. the safe address, maybe with a link to the Safe Wallet UI?)
• We could add numbers to the titles so it outlines the different steps we'll need to take (as it is for the title 1. Setup a Next.js application
• At step "Interact with the 7579 module directly", there is a typo on the third bullet point: The transaction executes a call from your smart account call the module with the defined data.
• Except for the console.logs, there is no user feedback after clicking the buttons

I also get a couple of type errors:

• I get a type error as the object passed to toSafeSmartAccount should not have a chain property (at step Initialize the clients)
• The useState are not typed. For example, the first useState should be:

const [safeAccount, setSafeAccount] = useState<ToSafeSmartAccountReturnType<EntryPointVersion> | null>(null)

Lastly, I have wider discussion points that I believe we should tackle with the rest of the team:

• On the relevance of using OwnableExecutor, since Safes already have very similar functionality
• Using privateKeyToAccount brings back the problem of having to manage private keys on the client-side
• Should we bring back the layout from the other tutorial apps?

Anyway congrats again on your work on this! Let's continue the conversation on Slack 🚀

[louis-md]

I had a ReferenceError: window is not defined when running the 7559 repo. I also fixed some type errors, which should be reflected in the repo, along with the fix for window is not defined.

We're getting there! 💪