text: import React from 'react';
  import { Route, Switch, Link } from 'react-router-dom';
  import LoginForm from './components/LoginForm';
  import Registration from './components/RegisterForm';
  import NavBar from './components/NavBar';
  import Searchbar from './components/Searchbar';
  import PrivateRoute from './components/utils/PrivateRoute';
  import UserPage  from './components/UserPage';
  import CompareCard from './components/dashboard/compareCard';
  import FeatureCard from './components/dashboard/featureCard';
  import EditUser from './components/EditUser'
  
  
  function App() {
    return (
      <div className="App">
        <NavBar />
        <Switch>
          <Route exact path="/login" component={LoginForm} />
          <Route exact path="/register" component={Registration} />
          <Route exact path="/search" component={Searchbar}/>
          <Route exact path="/featurecard" component={FeatureCard}/>
          <Route exact path="/comparecard" component={CompareCard}/>
          <Route exact path="/edit-user" component={EditUser}/>
          <PrivateRoute path="/private-route" component={UserPage}/>
        </Switch>
      </div>
    );
  }
  
  export default App;
  