feat: arkconnect navbar button

[alexbarnsley]

Summary

https://app.clickup.com/t/86drwqqf8

requires ArkEcosystem/laravel-foundation#613

Todo:

• Mobile state - awaiting designs
• .env option to disable & add a test for it

To test:

• add ARKCONNECT_ENABLED=true to .env
• make sure you're connecting to a https instance of explorer. For valet, you can use valet secure to force https - use valet unsecure to change it back to http

Checklist

• I checked my UI changes against the design and there are no notable differences
• I checked my UI changes for any responsiveness issues
• I checked my UI changes in light AND dark mode
• I checked my (code) changes for obvious issues, debug statements and commented code
• I opened a corresponding card on Clickup for any remaining TODOs in my code
• I added a short description on how to test this PR (if necessary)
• Documentation (if necessary)
• Tests (if necessary)
• Ready to be merged

[alfonsobries]

This doesnt seem right

[alfonsobries]

Other than the mode-color the design is not applied properly, design:

[alfonsobries]

Finally the hasExtension() condition doesnt seem to work for me (i removed that condition to test this PR)

Tried to install the latest version of the arkconnect extension on chrome+mac and window.arkconnect is undefined, same happens if I run the develop version of the plugin, not sure if I missing something

update:wasnt using https

[alfonsobries]

design is good now, but now the button is always disabled

Probably because of this line is never setting isLoading to false

https://github.com/ArdentHQ/arkscan/pull/799/files#diff-107b51fb3ed89d5d781341dc4e51b926a020477c468cf86edc0b9d24603e17d7R25-R27

Also in my case I have arkconnect, maybe when that function runs the window.arkconnect is not set yet

[alfonsobries]

working now @alexbarnsley