Fetched User data on Login, modified PrivateRoute logic

src/components/App.jsx

@@ -7,6 +7,7 @@ import Register from "./Auth/Register";
 import ResetPassword from "./Auth/ResetPassword";
 import Settings from "./Auth/Settings";
 import VerifyEmail from "./Auth/VerifyEmail";
+import Profile from "./User/Profile";
 import PrivateRoute from "./Shared/PrivateRoute";
 import About from "./Static/About";
 import Footer from "./Static/Footer";
@@ -15,10 +16,6 @@ import NoMatch from "./Static/NoMatch";
 import Navbar from "./Navbar";
 
 class App extends Component {
-  componentDidMount() {
-
-  }
-
   render() {
     const footSmash = {
       display: "flex",
@@ -39,13 +36,14 @@ class App extends Component {
                 path="/auth/verify-email/:emailKey"
                 component={VerifyEmail}
               />
-              <Route
-                path="/auth/verify-email"
-                component={VerifyEmail}
-              />
+              <Route path="/auth/verify-email" component={VerifyEmail} />
               <PrivateRoute path="/auth/settings" component={Settings} />
               <Route path="/auth/forgot-password" component={ForgotPassword} />
-              <Route path="/auth/reset-password/:uid/:token" component={ResetPassword} />
+              <Route
+                path="/auth/reset-password/:uid/:token"
+                component={ResetPassword}
+              />
+              <PrivateRoute path="/user/profile" component={Profile} />
               <Route component={NoMatch} />
             </Switch>
           </div>