used HashLink for id navigation to login and make it smooth

Author: lazycipher

package-lock.json

@@ -43,6 +43,7 @@
     "react-redux": "^7.2.0",
     "react-responsive": "^8.0.3",
     "react-router-dom": "^5.1.2",
+    "react-router-hash-link": "^2.2.2",
     "react-scripts": "^3.4.0",
     "react-shapes": "^0.1.0",
     "react-share": "^4.2.1",

package.json

@@ -8,6 +8,7 @@ import GoogleLogin from "../../../assets/images/icons8-google-48.png";
 import { FaGithub } from 'react-icons/fa'
 import { connect } from 'react-redux';
 import { getLoginOptions } from '../../../actions/orgAction'
+import { HashLink } from 'react-router-hash-link';
 import "./login.scss";
 
 class Login extends Component {
@@ -58,9 +59,7 @@ class Login extends Component {
               </p>
             </div>
             <div className="login-btn">
-              <a href="#login">
-                Sign In
-              </a>
+              <HashLink smooth to="#login">Sign In</HashLink>
             </div>
           </div>
           <div id="login" className="user-details">