chore: add new chevron icons

src/components/icons/ChevronLeft.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+const ChevronLeft = ({
+  className,
+  title,
+}: {
+  className?: string;
+  title?: string;
+}) => (
+  <svg
+    {...(!title ? { 'aria-hidden': 'true' } : {})}
+    focusable="false"
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth="2"
+    className={className}
+    aria-label={title}
+  >
+    <path d="M15 18L9 12 15 6"></path>
+  </svg>
+);
+
+export default ChevronLeft;

src/components/icons/ChevronRight.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+const ChevronRight = ({
+  className,
+  title,
+}: {
+  className?: string;
+  title?: string;
+}) => (
+  <svg
+    {...(!title ? { 'aria-hidden': 'true' } : {})}
+    focusable="false"
+    role="img"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    strokeWidth="2"
+    className={className}
+    aria-label={title}
+  >
+    <path d="M9 18L15 12 9 6"></path>
+  </svg>
+);
+
+export default ChevronRight;