Add propTypes and JSDOC comments

client/src/pages/patients/MedicalDataSearch.jsx

@@ -1,13 +1,18 @@
-import {
-  TextInput,
-  Loader,
-  Combobox,
-  useCombobox,
-  Pill,
-  PillsInput,
-} from '@mantine/core';
+import PropTypes from 'prop-types';
+
+import { Loader, Combobox, useCombobox, Pill, PillsInput } from '@mantine/core';
 import { useState, useRef } from 'react';
 
+const medicalDataSearchProps = {
+  category: PropTypes.string.isRequired,
+  handleMedicalData: PropTypes.func.isRequired,
+};
+
+/**
+ *  Medical Data Search component for Medical Data section of patient form
+ * @param {PropTypes.InferProps<typeof medicalDataSearchProps>} props
+ */
+
 export default function MedicalDataSearch({ category, handleMedicalData }) {
   const [loading, setLoading] = useState(false);
   const [data, setData] = useState([]);

client/src/pages/patients/patients.jsx

@@ -1,8 +1,13 @@
-import { useState, useRef } from 'react';
+import { useState } from 'react';
 import { Accordion, TextInput, Select } from '@mantine/core';
 
 import MedicalDataSearch from './MedicalDataSearch';
 
+/**
+ *  Patients page component
+ *
+ */
+
 export default function Patients() {
   const [patientForm, setPaitentForm] = useState({
     firstName: '',