[Enhancement]: Use Web Share API when clicking Share

[mxdanger]

The feature you would like

It would be a good idea to implement the Web Share API when clicking on the "Share" button by updating the copyToClipboard method as seen here: /vueapp.js#L1150 to invoke navigator.share() and fall back to the previous copy to clipboard experience if it's not possible to invoke. This allows the user to have a more consistent experience with other native windows apps that use the Windows Share data popup. This means the user can quickly copy to clipboard if that's what they want or the ability to share the link to any other Windows app.

Pseudocode Example:

copyToClipboard(str) {
    if (navigator.share) {
        navigator.share({
            title: 'Cider',
            url: str
        }).then(() => {
            console.log('Invoked Web Share API');
        }).catch(console.error);
    } else {
        if (navigator.userAgent.includes('Darwin') || navigator.appVersion.indexOf("Mac") != -1) {
            this.darwinShare(str)
        } else {
            notyf.success(app.getLz('term.share.success'))
            navigator.clipboard.writeText(str).then(r => console.log("Copied to clipboard."))
        }
    }
},

Related links:

• API specification: https://w3c.github.io/web-share/
• web.dev article: https://web.dev/web-share/
• Web Share API demo: https://w3c.github.io/web-share/demos/share-files.html

Alternatives and Other Information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct