Merge pull request codeharborhub#1679 from Saipradyumnagoud/main

Replaced with icons in the footer

Author: ajay-dhangar

docusaurus.config.js

@@ -1,3 +1,6 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faLinkedin, faYoutube, faDiscord } from '@fortawesome/free-brands-svg-icons';
+
 import { themes as prismThemes } from "prism-react-renderer";
 import { default as npm2yarn } from "@docusaurus/remark-plugin-npm2yarn";
 const remarkMath = require("remark-math");
@@ -359,18 +362,22 @@ const config = {
               {
                 label: "LinkedIn",
                 href: "https://www.linkedin.com/company/codeharborhub/",
+                icon: 'faLinkedin',
               },
               {
                 label: "YouTube",
                 href: "https://www.youtube.com/",
+                icon: 'faYoutube',
               },
               {
                 label: "Discord",
                 href: "https://discord.gg/c53FQn3pRv",
+                icon: 'faDiscord',
               },
               {
                 label: "Twitter(X)",
                 href: "https://twitter.com/CodesWithAjay",
+                icon: 'faTwitter',
               },
             ],
           },

package-lock.json

@@ -33,7 +33,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@fortawesome/free-brands-svg-icons": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
-    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
     "@giscus/react": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
     "@types/react": "^18.3.3",
@@ -64,6 +64,7 @@
     "vanilla-tilt": "^1.8.1"
   },
   "devDependencies": {
+    "@babel/core": "^7.24.7",
     "@babel/plugin-syntax-jsx": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
     "@docusaurus/module-type-aliases": "^3.3.2",