added Link component and made the navbar brand a link

Author: salikansari6

src/components/Link.js

@@ -0,0 +1,18 @@
+import React from 'react'
+
+const Link = ({children,to}) => {
+
+    const navigate = (event) =>{
+        event.preventDefault()
+        window.history.pushState(null,null,to)
+        window.dispatchEvent(new PopStateEvent('popstate'))
+    }
+
+    return (
+        <a onClick={navigate} href={to}>
+            {children}
+        </a>
+    )
+}
+
+export default Link

src/components/common/Navbar/Navbar.js

@@ -3,6 +3,8 @@ import './Navbar.css'
 import BrandLogo from '../../../assets/logos/BrandLogo';
 import DashboardForm from '../../Dashboard/DashboardForm/DashboardForm';
 import { LoginContext } from '../../../contexts/LoginContext';
+import Link from '../../Link';
+
 
 const Navbar = () => {
 
@@ -12,7 +14,9 @@ const Navbar = () => {
         <nav className="navbar navbar-dark py-3">
             <div className="container">
                 <span className="navbar-brand">
-                <BrandLogo/>
+                <Link to={isLoggedIn ? '/search-screen' : '/'}>
+                    <BrandLogo/>
+                </Link>
                 </span>
                 {
                 isLoggedIn &&