feat: sc-4309 GDS User UI implement user Profile component

web/gds-user-ui/package.json

@@ -8,6 +8,7 @@
     "@chakra-ui/icons": "^1.1.7",
     "@chakra-ui/react": "^1.8.5",
     "@chakra-ui/storybook-addon": "^4.0.4",
+    "@emotion/jest": "^11.10.5",
     "@emotion/react": "^11",
     "@emotion/styled": "^11.10.4",
     "@hookform/resolvers": "^2.8.8",
@@ -68,7 +69,7 @@
     "cy:open": "cypress open",
     "start": "react-scripts start",
     "build": "yarn compile && react-scripts build",
-    "test": "react-scripts test --coverage --watchAll=false -u --passWithNoTests",
+    "test": "react-scripts test --coverage --watchAll=false --passWithNoTests",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook -s public",
@@ -177,6 +178,9 @@
         "lines": 20,
         "statements": 20
       }
-    }
+    },
+    "snapshotSerializers": [
+      "@emotion/jest/serializer"
+    ]
   }
 }

web/gds-user-ui/src/application/routes/routes.ts

@@ -15,6 +15,7 @@ import IntegrateAndComply from 'components/Section/IntegrateAndComply';
 import CertificateManagement from '../../components/CertificateManagement';
 import VerifyPage from 'modules/verify';
 import Collaborators from 'modules/dashboard/collaborators/Collaborators';
+import UserProfile from 'components/UserProfile';
 
 const Overview = lazy(() => import('modules/dashboard/overview'));
 const CertificateRegistrationPage = lazy(
@@ -134,6 +135,13 @@ const appRoutes = [
     layout: 'dashboard',
     route: '/certificate-management'
   },
+  {
+    path: '/dashboard/user-profile',
+    name: 'Profile',
+    component: UserProfile,
+    layout: 'dashboard',
+    route: '/user-profile'
+  },
   {
     path: '/dashboard/logout',
     name: 'Logout',