fix: user profile UI

fix: user profile UI

client/components/profile.vue

@@ -2,21 +2,26 @@
   v-app(:dark='darkMode').profile
     nav-header
     v-navigation-drawer.pb-0(v-model='profileDrawerShown', app, fixed, clipped, left, permanent)
-      v-list(dense)
-        v-list-item.pt-2(to='/profile')
-          v-list-item-action: v-icon account_circle
-          v-list-item-title Profile
-        v-list-item(to='/preferences')
-          v-list-item-action: v-icon settings
-          v-list-item-title Preferences
-        v-divider.my-2
-        v-subheader My Content
-        v-list-item(to='/pages')
-          v-list-item-action: v-icon pages
-          v-list-item-title Pages
-        v-list-item(to='/comments')
-          v-list-item-action: v-icon question_answer
-          v-list-item-title Comments
+      v-list(dense, nav)
+        v-list-item(to='/profile')
+          v-list-item-action: v-icon mdi-account-badge
+          v-list-item-content
+            v-list-item-title Profile
+        v-list-item(to='/preferences', disabled)
+          v-list-item-action: v-icon(color='grey lighten-1') mdi-settings-outline
+          v-list-item-content
+            v-list-item-title Preferences
+            v-list-item-subtitle.caption.grey--text.text--lighten-1 Coming soon
+        v-list-item(to='/pages', disabled)
+          v-list-item-action: v-icon(color='grey lighten-1') mdi-file-document
+          v-list-item-content
+            v-list-item-title Pages
+            v-list-item-subtitle.caption.grey--text.text--lighten-1 Coming soon
+        v-list-item(to='/comments', disabled)
+          v-list-item-action: v-icon(color='grey lighten-1') mdi-message-reply-text
+          v-list-item-content
+            v-list-item-title Comments
+            v-list-item-subtitle.caption.grey--text.text--lighten-1 Coming soon
 
     v-content
       transition(name='profile-router')
@@ -84,4 +89,14 @@ export default {
   }
 }
 
+.profile-header {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+
+  &-title {
+    margin-left: 1rem;
+  }
+}
+
 </style>