fix(patients): fix broken name display in view patient adn lsit patient

src/containers/HospitalRun.tsx

@@ -4,9 +4,9 @@ import { useSelector } from 'react-redux'
 import Sidebar from '../components/Sidebar'
 import Permissions from '../util/Permissions'
 import Dashboard from './Dashboard'
-import Patients from '../patients/patients/Patients'
+import Patients from '../patients/list/Patients'
 import NewPatient from '../patients/new/NewPatient'
-import ViewPatient from './ViewPatient'
+import ViewPatient from '../patients/view/ViewPatient'
 import { RootState } from '../store'
 import Navbar from '../components/Navbar'
 import PrivateRoute from '../components/PrivateRoute'

src/patients/patients/Patients.tsx → src/patients/list/Patients.tsx

@@ -25,7 +25,9 @@ const Patients = () => {
     <ul>
       {patients.map((p) => (
         <Link to={`/patients/${p.id}`} key={p.id}>
-          <li key={p.id}>{p.name}</li>
+          <li key={p.id}>
+            {p.name.given} {p.name.family}
+          </li>
         </Link>
       ))}
     </ul>

src/containers/ViewPatient.tsx → src/patients/view/ViewPatient.tsx

@@ -3,9 +3,9 @@ import { useDispatch, useSelector } from 'react-redux'
 import { withRouter, useParams } from 'react-router-dom'
 import { Spinner } from '@hospitalrun/components'
 import { useTranslation } from 'react-i18next'
-import useTitle from '../util/useTitle'
-import { fetchPatient } from '../patients/patient-slice'
-import { RootState } from '../store'
+import useTitle from '../../util/useTitle'
+import { fetchPatient } from '../patient-slice'
+import { RootState } from '../../store'
 
 const ViewPatient = () => {
   const { t } = useTranslation()
@@ -26,8 +26,7 @@ const ViewPatient = () => {
 
   return (
     <div className="container">
-      {patient.id}
-      <h1>{`${patient.name}`}</h1>
+      <h1>{`${patient.name.given} ${patient.name.family}`}</h1>
     </div>
   )
 }