feat: Add Exercism public profile in Social section (fixes #761)

src/components/markdown.jsx

@@ -637,6 +637,13 @@ const Markdown = (props) => {
       <>
         <DisplaySocial base="" icon={`${iconBaseUrl}rss.svg`} username={social.rssurl} />
       </>
+      <>
+        <DisplaySocial
+          base="https://exercism.org/profiles"
+          icon={`${iconBaseUrl}exercism.svg`}
+          username={social.exercism}
+        />
+      </>
       {isSocial(social) ? (
         <>
           {'</p>'}

src/components/markdownPreview.jsx

@@ -256,6 +256,13 @@ export const SocialPreview = (props) => {
       <>
         <DisplaySocial base="" icon={`${iconBaseUrl}rss.svg`} username={social.rssurl} />
       </>
+      <>
+        <DisplaySocial
+          base="https://exercism.org/profiles"
+          icon={`${iconBaseUrl}exercism.svg`}
+          username={social.exercism}
+        />
+      </>
     </div>
   );
 };

src/components/social.jsx

@@ -343,6 +343,20 @@ const Social = (props) => {
             onChange={(event) => handleSocialChange('rssurl', event)}
           />
         </div>
+        <div className="w-1/2 flex justify-center items-center text-xxs sm:text-lg py-4 pr-2 sm:pr-0">
+          <img
+            src="https://cdn.jsdelivr.net/npm/[email protected]/icons/exercism.svg"
+            className="w-6 h-6 sm:w-8 sm:h-8 mr-1 sm:mr-4"
+            alt="exercism"
+          />
+          <input
+            id="exercism"
+            placeholder="exercism username"
+            className="outline-none placeholder-gray-700 w-32 sm:w-1/2 border-t-0 border-l-0 border-r-0 border solid border-gray-900 py-1 px-2 focus:border-blue-700"
+            value={social.exercism}
+            onChange={(event) => handleSocialChange('exercism', event)}
+          />
+        </div>
       </div>
     </div>
   );

src/constants/defaults.js

@@ -90,6 +90,7 @@ export const DEFAULT_SOCIAL = {
   geeks_for_geeks: '',
   discord: '',
   rssurl: '',
+  exercism: '',
 };
 
 export const DEFAULT_SUPPORT = {