UX: add sparkle icon to related topics for anons (#897)

Author: awesomerobot

assets/javascripts/initializers/related-topics.gjs

@@ -1,6 +1,7 @@
 import { cached, tracked } from "@glimmer/tracking";
 import BasicTopicList from "discourse/components/basic-topic-list";
 import { withPluginApi } from "discourse/lib/plugin-api";
+import icon from "discourse-common/helpers/d-icon";
 import i18n from "discourse-common/helpers/i18n";
 
 const RelatedTopics = <template>
@@ -11,7 +12,7 @@ const RelatedTopics = <template>
     class="more-topics__list"
   >
     <h3 id="related-topics-title" class="more-topics__list-title">
-      {{i18n "discourse_ai.related_topics.title"}}
+      {{icon "discourse-sparkles"}}{{i18n "discourse_ai.related_topics.title"}}
     </h3>
     <div class="topics">
       <BasicTopicList @topics={{@topic.relatedTopics}} />

assets/stylesheets/modules/embeddings/common/semantic-related-topics.scss

@@ -1,3 +1,15 @@
 .related-topics {
   margin: 4.5em 0 1em;
 }
+
+.more-topics__container {
+  h3 .d-icon {
+    margin-right: 0.25em;
+    color: var(--primary-high);
+    font-size: var(--font-down-1);
+  }
+
+  .nav-pills .d-icon {
+    font-size: var(--font-down-1);
+  }
+}