Convert sidebar help to info

app/src/modules/users/routes/browse/browse.vue

@@ -93,13 +93,10 @@
 
 		<template #drawer>
 			<drawer-detail icon="info_outline" :title="$t('information')" close>
-				<div class="format-markdown" v-html="marked($t('page_help_users_browse'))" />
+				<div class="page-description" v-html="marked($t('page_help_users_browse'))" />
 			</drawer-detail>
 			<layout-drawer-detail @input="viewType = $event" :value="viewType" />
 			<portal-target name="drawer" />
-			<drawer-detail icon="help_outline" :title="$t('help_and_docs')">
-				<div class="format-markdown" v-html="marked($t('page_help_users_browse'))" />
-			</drawer-detail>
 		</template>
 	</private-view>
 </template>

app/src/modules/users/routes/detail/components/user-info-drawer-detail.vue

@@ -29,14 +29,15 @@
 			</div>
 		</dl>
 
-		<template v-else>
-			--
-		</template>
+		<v-divider />
+
+		<div class="page-description" v-html="marked($t('page_help_users_detail'))" />
 	</drawer-detail>
 </template>
 
 <script lang="ts">
 import { defineComponent } from '@vue/composition-api';
+import marked from 'marked';
 
 export default defineComponent({
 	props: {
@@ -49,5 +50,14 @@ export default defineComponent({
 			default: false,
 		},
 	},
+	setup(props) {
+		return { marked };
+	},
 });
 </script>
+
+<style lang="scss" scoped>
+.v-divider {
+	margin: 20px 0;
+}
+</style>

app/src/modules/users/routes/detail/detail.vue

@@ -121,9 +121,6 @@
 				collection="directus_users"
 				:primary-key="primaryKey"
 			/>
-			<drawer-detail icon="help_outline" :title="$t('help_and_docs')">
-				<div class="format-markdown" v-html="marked($t('page_help_users_detail'))" />
-			</drawer-detail>
 		</template>
 	</private-view>
 </template>
@@ -138,7 +135,6 @@ import RevisionsDrawerDetail from '@/views/private/components/revisions-drawer-d
 import CommentsDrawerDetail from '@/views/private/components/comments-drawer-detail';
 import useItem from '@/composables/use-item';
 import SaveOptions from '@/views/private/components/save-options';
-import marked from 'marked';
 import api from '@/api';
 import { useFieldsStore } from '@/stores/';
 import useFormFields from '@/composables/use-form-fields';
@@ -258,7 +254,6 @@ export default defineComponent({
 			saveAsCopyAndNavigate,
 			isBatch,
 			revisionsDrawerDetail,
-			marked,
 			previewLoading,
 			avatarSrc,
 			roleName,