Adds Bluesky to docs

README.md

@@ -10,23 +10,28 @@
 </h4>
 
 <p align="center">
-  <a href="https://github.com/pnp/cli-microsoft365/actions?query=workflow%3A%22Release+next%22">
-    <img src="https://github.com/pnp/cli-microsoft365/workflows/Release%20next/badge.svg"
-      alt="GitHub" />
-  </a>
-
   <a href="https://aka.ms/cli-m365/discord">
     <img src="https://img.shields.io/badge/Discord-aka.ms/cli--m365/discord-7289da?style=flat-square"
       alt="Discord" />
   </a>
 
+  <a href="https://bsky.app/profile/climicrosoft365.bsky.social">
+    <img src="https://img.shields.io/badge/Bsky-%40climicrosoft365.bsky.social-208bfe?style=flat-square"
+      alt="Bluesky" />
+  </a>
+
   <a href="https://x.com/climicrosoft365">
     <img src="https://img.shields.io/badge/X-%40climicrosoft365-blue?style=flat-square"
       alt="X" />
   </a>
 </p>
 
 <p align="center">
+  <a href="https://github.com/pnp/cli-microsoft365/actions?query=workflow%3A%22Release+next%22">
+    <img src="https://github.com/pnp/cli-microsoft365/workflows/Release%20next/badge.svg"
+      alt="GitHub" />
+  </a>
+
   <a href="https://www.npmjs.com/package/@pnp/cli-microsoft365">
     <img src="https://img.shields.io/npm/v/@pnp/cli-microsoft365/latest?style=flat-square"
       alt="npm @pnp/cli-microsoft365@latest" />
@@ -101,7 +106,7 @@
   - Upgrade your projects
   - Check your environment compatibility
 
-> Follow our [X](https://x.com/climicrosoft365) account to keep yourself updated about new features, improvements, and bug fixes.
+> Follow our [Bluesky](https://bsky.app/profile/climicrosoft365.bsky.social), or [X](https://x.com/climicrosoft365) account to keep yourself updated about new features, improvements, and bug fixes.
 
 ## Install
 

docs/src/theme/Footer/index.tsx

@@ -3,6 +3,7 @@ import clsx from 'clsx';
 import styles from './styles.module.scss';
 import GitHubSvg from '@site/static/img/github-icon.svg';
 import DiscordSvg from '@site/static/img/discord-icon.svg';
+import BlueskySvg from '@site/static/img/bluesky-icon.svg';
 import XSvg from '@site/static/img/x-icon.svg';
 import YouTubeSvg from '@site/static/img/youtube-icon.svg';
 import LinkSVG from '@site/static/img/link-icon.svg';
@@ -33,6 +34,10 @@ function Footer(): JSX.Element | null {
                 <DiscordSvg className={styles.svg} />
               </a>
 
+              <a href="https://bsky.app/profile/climicrosoft365.bsky.social" target="_blank" rel="noopener" title="Bluesky">
+                <BlueskySvg className={styles.svg} />
+              </a>
+
               <a href="https://x.com/climicrosoft365" target="_blank" rel="noopener" title="X">
                 <XSvg className={styles.svg} />
               </a>