eliminate cyclic dependencies by register most-used components globally

src/components/user_popover/user_popover.js

@@ -2,6 +2,7 @@ import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
 import Popover from 'src/components/popover/popover.vue'
+import UserCard from 'src/components/user_card/user_card.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
@@ -9,9 +10,7 @@ const UserPopover = {
   name: 'UserPopover',
   props: ['userId', 'overlayCenters', 'disabled', 'overlayCentersSelector'],
   components: {
-    UserCard: defineAsyncComponent(
-      () => import('src/components/user_card/user_card.vue'),
-    ),
+    UserCard,
     Popover,
   },
   computed: mapState(useMergedConfigStore, {