feat: display no extension banner on streaming payments page

[adam-strzelec]

Description

Display banner info about no extension installed on streaming payments page if extension is not installed

Testing

• Make sure, you have no streaming payments extension installed
• Go to streaming payments page

Diffs

New stuff ✨

• New stuff goes here

Changes 🏗

Resolves #4096

[iamsamgibbs]

All looks good to me! Just one tiny spelling mistake to fix.

And after installing:

[iamsamgibbs]

Tiny spelling mistake: isStreamingPaymentsDisabled

(You might already have it, but just in case, I use this spell checker VS Code extension which helps me catch issues like this all the time! https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker )

[mmioana]

Hey @adam-strzelec nice start on this issue 🙌

The banner looks great ✨

I left a few refactoring comment, if you could have a look over them, I'd totally appreciate it 👍

[mmioana]

By using the <a> tag, we're going to trigger a whole-page reload

Screen.Recording.2025-01-17.at.12.32.30.mov

Let's refactor this and use the Link component.

Also for the extension url we could use const { extensionUrl } = useExtensionItem(Extension.StreamingPayments);

[mmioana]

I believe this piece of code can be easily refactored to use

const { isExtensionInstalled } = useExtensionItem(
    Extension.StreamingPayments,
  );

Given it performs already all these checks to verify if the extension was or not installed.

[mmioana]

Do we actually need to check if extensionData exists?

[iamsamgibbs]

Thanks for the changes, this is still looking good.