Initial work on the profile view

dashboard/src/components/Index.vue

@@ -3,6 +3,7 @@
     <Notification />
     <AppsView v-if="view === VIEWS.APPS" />
     <AppstoreView v-if="view === VIEWS.APPSTORE" />
+    <ProfileView v-if="view === VIEWS.PROFILE" />
     <SupportView v-if="view === VIEWS.SUPPORT" />
     <VolumesView v-if="view === VIEWS.VOLUMES" />
   </div>
@@ -14,6 +15,7 @@ import { Notification } from 'pankow';
 
 import AppsView from './AppsView.vue';
 import AppstoreView from './AppstoreView.vue';
+import ProfileView from './ProfileView.vue';
 import SupportView from './SupportView.vue';
 import VolumesView from './VolumesView.vue';
 
@@ -24,6 +26,7 @@ const API_ORIGIN = import.meta.env.VITE_API_ORIGIN ? import.meta.env.VITE_API_OR
 const VIEWS = {
   APPS: 'apps',
   APPSTORE: 'appstore',
+  PROFILE: 'profile',
   SUPPORT: 'support',
   VOLUMES: 'volumes',
 };
@@ -34,6 +37,7 @@ export default {
     AppsView,
     AppstoreView,
     Notification,
+    ProfileView,
     SupportView,
     VolumesView,
   },
@@ -64,6 +68,8 @@ export default {
         that.view = VIEWS.APPS;
       } else if (view.indexOf(VIEWS.APPSTORE) === 0) {
         that.view = VIEWS.APPSTORE;
+      } else if (view === VIEWS.PROFILE) {
+        that.view = VIEWS.PROFILE;
       } else if (view === VIEWS.SUPPORT) {
         that.view = VIEWS.SUPPORT;
       } else if (view === VIEWS.VOLUMES) {