Profile after authentication is added

open-source-galaxy/src/components/Profile.css

@@ -0,0 +1,20 @@
+
+
+
+.profile-pic > img{
+    height: 50px;
+    width: 50px;
+    margin: 10px 20px 5px 5px;
+    border-radius: 50%;
+}
+
+@media (max-width: 1025px){
+
+    .profile-pic > img{
+        height: 40px;
+        width: 40px;
+        margin-right: 50px;
+        cursor: pointer;
+        border-radius: 50%;
+    }
+}

open-source-galaxy/src/components/Profile.js

@@ -0,0 +1,17 @@
+import React from 'react'
+import { useAuth0 } from '@auth0/auth0-react';
+import './Profile.css';
+
+function Profile() {
+    const { user, isAuthenticated, logout} = useAuth0();
+    return (
+        isAuthenticated && (
+            <div className='profile-pic'>
+                <img src={user.picture} alt={user.name} onClick={() => logout({ logoutParams: { returnTo: window.location.origin } })}/>
+            </div>
+        )
+
+    )
+}
+
+export default Profile