feat(ui): add search functionality to chat view (#1790)

Co-authored-by: Nahiyan Khan <nahiyan.khan@gmail.com>

ui/desktop/src/components/icons/ArrowDown.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+export default function ArrowDown({ className = '' }) {
+  return (
+    <svg
+      width="1.5rem"
+      height="1.5rem"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      aria-hidden="true"
+      className={className}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 5.5a1 1 0 0 1 1 1v9.394l2.757-3.063a1 1 0 1 1 1.486 1.338l-4.5 5a1 1 0 0 1-1.486 0l-4.5-5a1 1 0 0 1 1.486-1.338L11 15.894V6.5a1 1 0 0 1 1-1Z"
+        fill="currentColor"
+      ></path>
+    </svg>
+  );
+}

ui/desktop/src/components/icons/ArrowUp.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+export default function ArrowUp({ className = '' }) {
+  return (
+    <svg
+      width="1.5rem"
+      height="1.5rem"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      aria-hidden="true"
+      className={className}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 19.5a1 1 0 0 0 1-1V9.106l2.757 3.063a1 1 0 1 0 1.486-1.338l-4.5-5a1 1 0 0 0-1.486 0l-4.5 5a1 1 0 0 0 1.486 1.338L11 9.106V18.5a1 1 0 0 0 1 1Z"
+        fill="currentColor"
+      ></path>
+    </svg>
+  );
+}

ui/desktop/src/components/icons/index.tsx

@@ -1,3 +1,5 @@
+import ArrowDown from './ArrowDown';
+import ArrowUp from './ArrowUp';
 import Attach from './Attach';
 import Back from './Back';
 import ChatSmart from './ChatSmart';
@@ -19,6 +21,8 @@ import Time from './Time';
 import { Gear } from './Gear';
 
 export {
+  ArrowDown,
+  ArrowUp,
   Attach,
   Back,
   ChatSmart,