chore: initial public commit

client/app/components/icons/SearchIcon.tsx

@@ -0,0 +1,16 @@
+interface Props {
+    size: number, 
+    hover?: boolean,
+}
+export default function SearchIcon({size, hover}: Props) {
+    let classNames = ""
+    if (hover) {
+        classNames += "icon-hover-stroke"
+    }
+    return (
+        <div className={classNames}>
+        <svg width={`${size}px`} height={`${size}px`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="var(--color-fg)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg></div>
+    )
+}