User profile css (#222)

* descope sdk version upgrade for widget fix

* add yarn.lock file

* add yarn.lock file

* user profile css

---------

Co-authored-by: Doron Sharon <dorsha@descope.com>

Author: ruvenzx

src/components/profile/Profile.js

@@ -1,11 +1,12 @@
 import { UserProfile, useSession } from "@descope/react-sdk";
+import './profile.css';
 
 function Profile() {
   const { isAuthenticated, isSessionLoading } = useSession();
 
   return (
     <>
-    <div>
+    <div className="profile">
       {isAuthenticated || isSessionLoading ? <UserProfile 
       widgetId="user-profile-widget"     
       onLogout={() => {

src/components/profile/profile.css

@@ -0,0 +1,7 @@
+.profile {
+    border: 30px solid transparent;
+    border-radius: 100px;
+    max-width: fit-content;
+    margin-left: auto;
+    margin-right: auto;
+}