Publicize Components: Add Storybook support (#42167)

In order to develop some new comonents we're adding Storybook support to
the Publicize Components package. This is done by adding it to the list
of projects, but this change also adds an initial story for the
ConnectionIcon component.

Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/13632658599

Upstream-Ref: Automattic/jetpack@e092b9c

Author: pablinos

CHANGELOG.md

@@ -14,6 +14,7 @@ This is an alpha version! The changes listed here are not final.
 
 ### Added
 - Added unit tests for the admin page
+- Publicize Components: Add Storybook support
 
 ### Changed
 - Social | Improve connect URL generation

src/components/connection-icon/stories/index.stories.jsx

@@ -0,0 +1,35 @@
+import ConnectionIcon from '../index.jsx';
+import '../../../../../social-logos/src/social-logo-colors.css';
+
+export default {
+	title: 'JS Packages/Publicize Components/ConnectionIcon',
+	component: ConnectionIcon,
+	argTypes: {
+		serviceName: {
+			control: {
+				type: 'select',
+			},
+			options: [
+				'facebook',
+				'x',
+				'instagram',
+				'linkedin',
+				'nextdoor',
+				'tumblr',
+				'bluesky',
+				'mastodon',
+			],
+		},
+	},
+};
+
+const Template = args => <ConnectionIcon { ...args } />;
+
+export const _default = Template.bind( {} );
+_default.args = {
+	serviceName: 'tumblr',
+	label: 'Jetpack Social',
+	checked: true,
+	profilePicture:
+		'https://gravatar.com/avatar/5a5f21e099ba62ae525e62cd1ad859985c8170b8811431e7fa6ccbc9da22405b',
+};