changes

src/App.js

 import React, { lazy, Suspense } from "react";
 import { BrowserRouter, Route, Routes } from "react-router-dom";
-import TopBar from "containers/Login/TopBar/TopBar";
 const Login = lazy(() => import("./containers/Login"));
 const Home = lazy(() => import("./containers/Home"));
 
@@ -16,7 +15,6 @@ function App() {
           </Routes>
         </Suspense>
       </BrowserRouter>
-      <TopBar />
     </div>
   );
 }

src/containers/Home/TopBar/TopBar.css

-.navbar-search-light .input-group {
-  border-color: rgba(0, 0, 0, 0.6);
-  background-color: rgba(255, 255, 255, 0.9);
-}
-
-.navbar-search .input-group {
-  transition: background-color 0.3s linear;
-  transition-delay: 0.15s;
-  border: 0 solid;
-  border-radius: 2rem;
-}

src/containers/Home/TopBar/TopBar.js

-import React from "react";
-import "./TopBar.css";
-
-const TopBar = (props) => {
-  return (
-    <nav className="navbar navbar-top navbar-expand navbar-dark bg-primary border-bottom">
-      <div className="container-fluid">
-        <div className="collapse navbar-collapse">
-          <form
-            className="navbar-search navbar-search-light form-inline mr-sm-3"
-            id="navbar-search-main"
-          >
-            <div className="form-group mb-0">
-              <div className="input-group input-group-alternative input-group-merge">
-                <div className="input-group-prepend">
-                  <span className="input-group-text">
-                    <i className="fas fa-search"></i>
-                  </span>
-                </div>
-                <input
-                  className="form-control"
-                  placeholder="Search"
-                  type="text"
-                />
-              </div>
-            </div>
-            {/* <button
-              type="button"
-              className="close"
-              data-action="search-close"
-              data-target="#navbar-search-main"
-              aria-label="Close"
-            >
-              <span aria-hidden="true">×</span>
-            </button> */}
-          </form>
-        </div>
-      </div>
-    </nav>
-  );
-};
-
-export default TopBar;