FIX: Correctly invoke dynamic components by name (#17568)

app/assets/javascripts/discourse/app/components/user-menu/items-list.hbs

@@ -5,7 +5,7 @@
 {{else if this.items.length}}
   <ul>
     {{#each this.items as |item|}}
-      <item.userMenuComponent @item={{item}}/>
+      {{component item.userMenuComponent item=item}}
     {{/each}}
   </ul>
   <div class="panel-body-bottom">
@@ -27,5 +27,5 @@
     {{/if}}
   </div>
 {{else}}
-  <this.emptyStateComponent/>
+  {{component this.emptyStateComponent}}
 {{/if}}

app/assets/javascripts/discourse/app/components/user-menu/menu.hbs

@@ -6,7 +6,7 @@
         class="quick-access-panel"
         tabindex="-1"
         aria-labelledby={{concat "user-menu-button-" this.currentTabId}}>
-        <this.currentPanelComponent/>
+        {{component this.currentPanelComponent}}
       </div>
       <div class="menu-tabs-container" role="tablist" aria-orientation="vertical" aria-label={{i18n "user_menu.sr_menu_tabs"}}>
         <div class="top-tabs tabs-list">