Move hook into separate file

web/hooks/use-users.ts

@@ -0,0 +1,12 @@
+import { useState, useEffect } from 'react'
+import { listenForAllUsers, User } from '../lib/firebase/users'
+
+export const useUsers = () => {
+  const [users, setUsers] = useState<User[]>([])
+
+  useEffect(() => {
+    listenForAllUsers(setUsers)
+  }, [])
+
+  return users
+}