feat: Review the quests title and description display in search results - MEED-9403 - Meeds-io/MIPs#200 (#1918)

Author: sofyenne

portlets/src/main/webapp/vue-app/rules-search/components/RuleSearchCard.vue

@@ -32,7 +32,7 @@
           <v-list-item-content>
             <v-list-item-title class="d-flex flex-row full-width align-center">
               <h1
-                class="flex-grow-1 title pt-1 mb-0 ps-0 my-auto align-center text-start text-truncate"
+                class="flex-grow-1 title font-weight-bold primary--text pt-1 mb-0 ps-0 my-auto align-center text-start text-truncate"
                 v-sanitized-html="ruleTitle"></h1>
               <div v-show="hover || isMobile" class="ml-2 pt-1">
                 <span  class="d-flex d-inline-flex">
@@ -99,7 +99,7 @@
                 </v-tooltip>
               </span>
               <div
-                class="pt-2 text-wrap text-body text-break"
+                class="pt-2 text-wrap text-body-2 text-color text-break"
                 :class="{
                   'text-truncate-2': isMobile,
                   'text-truncate-3': !isMobile,
@@ -141,7 +141,7 @@ export default {
       return this.result || {};
     },
     ruleTitle() {
-      return this.rule.titleExcerpt || this.rule.title || '';
+      return this.rule?.title || '';
     },
     ruleDescription() {
       return this.rule.descriptionExcerpt || this.rule.description || '';

portlets/src/main/webapp/vue-app/rules-search/main.js

@@ -7,7 +7,6 @@ export function fetchSearchResult(uri, options) {
 export function formatSearchResult(result, term) {
   if (result?.rules?.length) {
     return result.rules.map(rule => {
-      rule.titleExcerpt = !term && rule.title || rule.title.replace(new RegExp(`(${term})`, 'ig'), '<span class="searchMatchExcerpt">$1</span>');
       rule.descriptionExcerpt = !term && rule.description || rule.description.replace(new RegExp(`(${term})`, 'ig'), '<span class="searchMatchExcerpt">$1</span>');
       return rule;
     });