Added Mastodon social link

Added a configuration for Mastodon social, updated the list of social link.
Updated README accordingly.

README.md

@@ -425,7 +425,7 @@ Your avatar and bio will be fetched from GitHub automatically.
 
 ### Social Links
 
-You can link your social media services you're using, including LinkedIn, Twitter, Facebook, Instagram, Dribbble, Behance, Medium, dev, Stack Overflow, personal website, phone and email.
+You can link your social media services you're using, including LinkedIn, Twitter, Mastodon, Facebook, Instagram, Dribbble, Behance, Medium, dev, Stack Overflow, personal website, phone and email.
 
 ```js
 // gitprofile.config.js
@@ -434,6 +434,7 @@ module.exports = {
   social: {
     linkedin: 'ariful-alam',
     twitter: 'arif_szn',
+    mastodon: 'mastodon-server/@arifszn',
     facebook: '',
     instagram: '',
     dribbble: '',
@@ -448,6 +449,18 @@ module.exports = {
 };
 ```
 
+In case you need to implement the Mastodon verification link, you can add it directly in the `index.html` file.
+
+E.g. you could add a footer section right before the closing `body` tag:
+
+```html
+<footer style="position: fixed; bottom: 0; color: transparent;">
+  <a rel="me" href="https://mastodon-server/@username"
+    >Mastodon verification link</a
+  >
+</footer>
+```
+
 ### Skills
 
 To showcase your skills provide them here.

gitprofile.config.js

@@ -13,6 +13,7 @@ const config = {
   social: {
     linkedin: 'ariful-alam',
     twitter: 'arif_szn',
+    mastodon: 'mastodon.social/@arifszn', // format: mastodon-server/@username
     facebook: '',
     instagram: '',
     dribbble: '',

src/components/details/index.jsx

@@ -15,6 +15,7 @@ import {
   FaDev,
   FaFacebook,
   FaGlobe,
+  FaMastodon,
   FaStackOverflow,
 } from 'react-icons/fa';
 import PropTypes from 'prop-types';
@@ -114,6 +115,14 @@ const Details = ({ profile, loading, social, github }) => {
                   link={`https://twitter.com/${social.twitter}`}
                 />
               )}
+              {social?.mastodon && (
+                <ListItem
+                  icon={<FaMastodon className="mr-2" />}
+                  title="Mastodon:"
+                  value={social.mastodon}
+                  link={`https://${social.mastodon}`}
+                />
+              )}
               {social?.linkedin && (
                 <ListItem
                   icon={<GrLinkedinOption className="mr-2" />}

src/helpers/utils.jsx

@@ -147,6 +147,7 @@ export const sanitizeConfig = (config) => {
     social: {
       linkedin: config?.social?.linkedin,
       twitter: config?.social?.twitter,
+      mastodon: config?.social?.mastodon,
       facebook: config?.social?.facebook,
       instagram: config?.social?.instagram,
       dribbble: config?.social?.dribbble,