Add withList hoc and remove UserList component

src/components/user_list/user_list.js

@@ -1,10 +0,0 @@
-import BasicUserCard from '../basic_user_card/basic_user_card.vue'
-
-const UserList = {
-  props: ['entries'],
-  components: {
-    BasicUserCard
-  }
-}
-
-export default UserList

src/components/user_list/user_list.vue

@@ -1,11 +0,0 @@
-<template functional>
-  <div class="user-list">
-    <basic-user-card
-      v-for="entry in entries"
-      :key="entry.id"
-      :user="entry"
-    />
-  </div>
-</template>
-
-<script src="./user_list.js"></script>

src/components/user_settings/user_settings.js

@@ -5,9 +5,11 @@ import TabSwitcher from '../tab_switcher/tab_switcher.js'
 import ImageCropper from '../image_cropper/image_cropper.vue'
 import StyleSwitcher from '../style_switcher/style_switcher.vue'
 import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
-import UserList from '../user_list/user_list.vue'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import withLoadMore from '../../hocs/with_load_more/with_load_more'
+import withList from '../../hocs/with_list/with_list'
 
+const UserList = withList(BasicUserCard, entry => ({ user: entry }))
 const BlockListWithLoadMore = withLoadMore(
   UserList,
   (props, $store) => $store.dispatch('fetchBlocks'),