feat: add share by bluesky and linkedin

We try to replace X with bluesky but for 32 we keep both.
Because an uneven number will result in bad visual appearence I also
added linkedin like we do on the blog.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

LICENSES/LicenseRef-LinkedInTrademarks.txt

@@ -0,0 +1,9 @@
+LinkedIn is the owner of the LinkedIn trademark and the *[in] Logo (as well as other trademarks, collectively our “Brand”), and protecting our intellectual property is very important to us. A list of our trademarks can be found here. Since LinkedIn is the owner of the Brand, please do not file any applications with any intellectual property office for any marks which incorporate the Brand.
+
+Our Brand may only be used as outlined in these guidelines or with express written permission from an authorized representative of LinkedIn. We may request that you stop the use of our Brand both on and off the LinkedIn platform, if we believe, in our sole discretion, that your use of our Brand violates our Branding Guidelines, our User Agreement, or our Professional Community Policies, hereafter collectively referred to as “LinkedIn Brand and User Agreements.”
+
+You may not use our Brand, including our name, logos, or any elements that are identical to, incorporate, or closely resemble our Brand, in any way that could cause confusion about the source, sponsorship, or affiliation of your product, service, or account. LinkedIn reserves the right to determine, at its sole discretion, whether a use is misleading or otherwise violates the LinkedIn Brand and User Agreements.
+
+Your use must also be consistent with applicable law and align with LinkedIn’s values (which include, but are not limited to, not using the Brand in a misleading, unfair, defamatory, infringing, libelous, disparaging, obscene, or otherwise objectionable manner).  Failure to follow these guidelines could result in the suspension or termination of your LinkedIn account and other actions by LinkedIn. We may modify these Guidelines at any time, and your continued use of the Brand Features will constitute your consent to such modifications.
+
+Overall, you should ensure that you do not use our Brand in a manner that might create the impression that your use is sponsored by LinkedIn. Please ensure compliance with these guidelines, make clear that your use is separate from the LinkedIn Brand, and ensure that you do not copy or imitate the LinkedIn platform’s overall look and feel. Any logos or images found elsewhere on the web are not approved for use. Please help us protect our Brand, and present your work in the most appropriate way, by following these guidelines and only using approved Brand assets from this site.

REUSE.toml

@@ -65,6 +65,12 @@ precedence = "aggregate"
 SPDX-FileCopyrightText = "X Corp."
 SPDX-License-Identifier = "LicenseRef-XTrademarks"
 
+[[annotations]]
+path = "img/linkedin.svg"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "LinkedIn Corporation"
+SPDX-License-Identifier = "LicenseRef-LinkedInTrademarks"
+
 [[annotations]]
 path = "img/facebook.svg"
 precedence = "aggregate"

img/bluesky.svg

@@ -37,7 +37,9 @@ import NcButton from '@nextcloud/vue/components/NcButton'
 import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
 import InfoCard from '../InfoCard.vue'
 import WizardPage from '../WizardPage.vue'
+import blueskySvg from '../../../img/bluesky.svg?raw'
 import facebookSvg from '../../../img/facebook.svg?raw'
+import linkedInSvg from '../../../img/linkedin.svg?raw'
 import mastodonSvg from '../../../img/mastodon.svg?raw'
 import xSvg from '../../../img/x.svg?raw'
 import HubRelease from '../../hub-release.ts'
@@ -47,24 +49,36 @@ const mailSubject = encodeURIComponent(HubRelease.shareSubject ?? t('firstrunwiz
 const mailBody = encodeURIComponent(t('firstrunwizard', 'Read more about it on the Nextcloud Hub {version} blog', { version: HubRelease.version }) + '\n' + HubRelease.link)
 
 const shareLinks = [
+	{
+		id: 'bluesky',
+		name: 'Bluesky',
+		link: `https://bsky.app/intent/compose?text=${encodedLink}`,
+		icon: blueskySvg,
+	},
 	{
 		id: 'facebook',
 		name: 'Facebook',
 		link: `https://www.facebook.com/sharer/sharer.php?u=${encodedLink}`,
 		icon: facebookSvg,
 	},
 	{
-		id: 'x',
-		name: 'X',
-		link: `https://x.com/intent/post?url=${encodedLink}&via=Nextclouders&text=${encodeURIComponent(HubRelease.shareSubject ?? '')}`,
-		icon: xSvg,
+		id: 'linkedin',
+		name: 'LinkedIn',
+		link: `https://www.linkedin.com/sharing/share-offsite/?url=${encodedLink}`,
+		icon: linkedInSvg,
 	},
 	{
 		id: 'mastodon',
 		name: 'Mastodon',
 		link: `https://mastodon.social/share?text=${encodedLink}`,
 		icon: mastodonSvg,
 	},
+	{
+		id: 'x',
+		name: 'X',
+		link: `https://x.com/intent/post?url=${encodedLink}&via=Nextclouders&text=${encodeURIComponent(HubRelease.shareSubject ?? '')}`,
+		icon: xSvg,
+	},
 	{
 		id: 'email',
 		name: 'EMail',