Merge pull request #1 from karkir0003/dev

dep updates

.babelrc

@@ -18,8 +18,5 @@
   "presets": [
     "next/babel"
   ],
-  "ignore": [],
-  "experimental": {
-    "forceSwcTransforms": true
-  }
+  "ignore": []
 }

components/Header.js

@@ -1,12 +1,12 @@
 import PropTypes from 'prop-types';
-import FontAwesomeIcon from '@fortawesome/react-fontawesome'
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
 import faGem from '@fortawesome/fontawesome-free-regular/faGem'
 
 const Header = (props) => (
     <header id="header" style={props.timeout ? {display: 'none'} : {}}>
         <div className="logo">
             {/*<span className="icon fa-diamond"></span>*/}
-            <FontAwesomeIcon icon={faGem} transform="grow-18" />
+            <FontAwesomeIcon icon={faGem} transform="grow-14" />
         </div>
         <div className="content">
             <div className="inner">

components/Main.js

@@ -1,5 +1,6 @@
+import React from "react";
 import PropTypes from 'prop-types';
-import FontAwesomeIcon from '@fortawesome/react-fontawesome'
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
 import faTwitter from '@fortawesome/fontawesome-free-brands/faTwitter'
 import faFacebook from '@fortawesome/fontawesome-free-brands/faFacebook'
 import faInstagram from '@fortawesome/fontawesome-free-brands/faInstagram'

package.json

@@ -13,14 +13,21 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@babel/runtime": "^7.23.6",
     "@fortawesome/fontawesome": "*",
     "@fortawesome/fontawesome-free-brands": "*",
     "@fortawesome/fontawesome-free-regular": "*",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-brands-svg-icons": "^6.5.1",
+    "@fortawesome/free-regular-svg-icons": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/react-fontawesome": "*",
     "autoprefixer": "^9.1.5",
+    "babel-loader": "8.0",
     "babel-plugin-module-resolver": "^3.1.1",
     "babel-plugin-wrap-in-js": "^1.1.1",
     "babel-runtime": "^6.26.0",
+    "emit-file-loader": "^0.0.2",
     "glob": "^7.1.3",
     "next": "^14.0.0",
     "postcss-easy-import": "^3.0.0",

pages/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 import Head from "next/head"
 import stylesheet from 'styles/main.scss'