chore: add hooks for use patient and use patients

src/patients/hooks/usePatient.tsx

@@ -0,0 +1,12 @@
+import { useQuery } from 'react-query'
+
+import PatientRepository from '../../shared/db/PatientRepository'
+import Patient from '../../shared/model/Patient'
+
+function fetchPatient(_: any, id: string): Promise<Patient> {
+  return PatientRepository.find(id)
+}
+
+export default function usePatient(id: string) {
+  return useQuery(['patient', id], fetchPatient)
+}

src/patients/hooks/usePatients.tsx

@@ -0,0 +1,20 @@
+import { useQuery } from 'react-query'
+
+import PatientRepository from '../../shared/db/PatientRepository'
+import Patient from '../../shared/model/Patient'
+import PatientSearchRequest from '../models/PatientSearchRequest'
+
+interface PatientsResult {
+  totalCount: number
+  patients: Patient[]
+}
+
+async function fetchPatients(_: any, searchRequest: PatientSearchRequest): Promise<PatientsResult> {
+  const patients = await PatientRepository.search(searchRequest.queryString)
+  const totalCount = await PatientRepository.count()
+  return { totalCount, patients }
+}
+
+export default function usePatients(searchRequest: PatientSearchRequest) {
+  return useQuery(['patients', searchRequest], fetchPatients)
+}