eliminate cyclic dependencies by register most-used components globally

src/components/announcement/announcement.js

@@ -2,14 +2,14 @@ import { mapState } from 'vuex'
 
 import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
-import RichContent from '../rich_content/rich_content.jsx'
+
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
 const Announcement = {
   components: {
     AnnouncementEditor,
-    RichContent,
+
   },
   data() {
     return {