Use MexIcon component instead of iconfiy icon component

Author: dineshsingh1

apps/extension/src/Components/Sidebar/NotesInfoBar.tsx

@@ -5,7 +5,7 @@ import { Icon } from '@iconify/react'
 import { debounce } from 'lodash'
 
 import { mog } from '@mexit/core'
-import { SidebarListFilterWrapper, SidebarListFilter, Input, SnippetCards } from '@mexit/shared'
+import { SidebarListFilterWrapper, SidebarListFilter, Input, SnippetCards, MexIcon } from '@mexit/shared'
 
 import useRaju from '../../Hooks/useRaju'
 import useDataStore from '../../Stores/useDataStore'
@@ -45,7 +45,7 @@ export const NotesInfoBar = () => {
     <SnippetCards>
       <SidebarListFilterWrapper>
         <SidebarListFilter>
-          <Icon icon={searchLine} />
+          <MexIcon height={20} width={20} icon={searchLine} />
           <Input
             autoFocus
             placeholder={'Search notes'}

apps/extension/src/Components/Sidebar/SnippetsInfoBar.tsx

@@ -17,7 +17,14 @@ import {
   parseSnippet,
   Snippet
 } from '@mexit/core'
-import { SnippetCards, Input, SidebarListFilter, SidebarListFilterWrapper, SnippetSidebarHelp } from '@mexit/shared'
+import {
+  SnippetCards,
+  Input,
+  SidebarListFilter,
+  SidebarListFilterWrapper,
+  SnippetSidebarHelp,
+  MexIcon
+} from '@mexit/shared'
 
 import { CopyTag } from '../../Editor/components/Tags/CopyTag'
 import { generateEditorPluginsWithComponents } from '../../Editor/plugins/index'
@@ -133,7 +140,7 @@ export const SnippetsInfoBar = () => {
     <SnippetCards>
       <SidebarListFilterWrapper>
         <SidebarListFilter>
-          <Icon icon={searchLine} />
+          <MexIcon height={20} width={20} icon={searchLine} />
           <Input
             autoFocus
             placeholder={'Search snippets'}