add rowboat app

apps/rowboat/hooks/use-click-away.ts

@@ -0,0 +1,23 @@
+import { useEffect, RefObject } from 'react';
+
+export function useClickAway(
+    ref: RefObject<HTMLElement>,
+    handler: (event: MouseEvent | TouchEvent) => void
+) {
+    useEffect(() => {
+        const listener = (event: MouseEvent | TouchEvent) => {
+            if (!ref.current || ref.current.contains(event.target as Node)) {
+                return;
+            }
+            handler(event);
+        };
+
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
+
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, [ref, handler]);
+}