Updated pkg and modified x-twitter logo

package.json

@@ -15,11 +15,11 @@
     "@types/react": "^17.0.43",
     "bootstrap": "^4.5.2",
     "prettier": "^2.6.2",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-app-polyfill": "^3.0.0",
     "react-awesome-slider": "^4.1.0",
     "react-bootstrap": "^1.3.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-ga": "^3.1.2",
     "react-router-dom": "^6.2.1",
     "react-scripts": "^4.0.3",
@@ -61,6 +61,6 @@
     "@types/react-scroll": "^1.8.3",
     "@types/react-vertical-timeline-component": "^3.3.2",
     "gh-pages": "^3.1.0",
-    "node-sass": "^8.0.0"
+    "node-sass": "^6.0.1"
   }
 }

public/index.html

@@ -13,6 +13,10 @@
       integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
       crossorigin="anonymous"
     />
+    <script
+      src="https://kit.fontawesome.com/a5cc637ace.js"
+      crossorigin="anonymous"
+    ></script>
     <title>Parvathirajan Natarajan</title>
     <meta charset="utf-8" />
     <meta

src/components/Data.ts

@@ -35,7 +35,7 @@ export const basicData = {
       {
         name: "twitter",
         url: "https://twitter.com/parvathi_rajan",
-        class: "fab fa-twitter",
+        class: "fa-brands fa-square-x-twitter",
       },
       {
         name: "facebook",