feat: Revamps search to use new search API's (#6582)

* feat: Revamps search to use new search API's

* Fixes search result spacing

* Fixes message result

* Fixes issue with empty search results

* Remove console errors

* Remove console errors

* Fix console errors, canned responses

* Fixes message rendering on results

* Highlights search term

* Fixes html rendering for emails

* FIxes email rendering issues

* Removes extra spaces and line breaks

---------

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/modules/search/stories/MessageContent.stories.js

@@ -0,0 +1,28 @@
+import MessageContent from '../components/MessageContent.vue';
+
+export default {
+  title: 'Components/Search/MessageContent',
+  component: MessageContent,
+  argTypes: {
+    content: {
+      defaultValue: '123',
+      control: {
+        type: 'text',
+      },
+    },
+    author: {
+      defaultValue: 'John Doe',
+      control: {
+        type: 'text',
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { MessageContent },
+  template: '<message-content v-bind="$props"></message-content>',
+});
+
+export const MessageResultItem = Template.bind({});