Merge branch 'imrishabh18-#241934' into 'master'

refactor: replacing v-html with v-safe-html in the snippet description view component

See merge request gitlab-org/gitlab!70828

app/assets/javascripts/snippets/components/snippet_description_view.vue

 <script>
+import { GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
 import MarkdownFieldView from '~/vue_shared/components/markdown/field_view.vue';
 
 export default {
   components: {
     MarkdownFieldView,
   },
+  directives: {
+    SafeHtml,
+  },
   props: {
     description: {
       type: String,
@@ -12,13 +16,14 @@ export default {
       default: '',
     },
   },
+  safeHtmlConfig: { ADD_TAGS: ['gl-emoji'] },
 };
 </script>
 <template>
   <markdown-field-view class="snippet-description" data-qa-selector="snippet_description_content">
     <div
+      v-safe-html:[$options.safeHtmlConfig]="description"
       class="md js-snippet-description"
-      v-html="description /* eslint-disable-line vue/no-v-html */"
     ></div>
   </markdown-field-view>
 </template>