chore: initial public commit

client/app/components/sidebar/SidebarSearch.tsx

@@ -0,0 +1,33 @@
+import { useEffect, useState } from "react";
+import SidebarItem from "./SidebarItem";
+import { Search } from "lucide-react";
+import SearchModal from "../modals/SearchModal";
+
+interface Props {
+    size: number
+}
+
+export default function SidebarSearch({ size } : Props) {
+    const [open, setModalOpen] = useState(false)
+
+    useEffect(() => {
+        const handleKeyDown = (e: KeyboardEvent) => {
+            if (e.key === '/' && !open) {
+                e.preventDefault();
+                setModalOpen(true);
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open]);
+
+    return (
+        <SidebarItem 
+            space={26}
+            onClick={() => setModalOpen(true)} 
+            name="Search"
+            keyHint="/"
+            children={<Search size={size}/>} modal={<SearchModal open={open} setOpen={setModalOpen} />} 
+        />
+    )
+}