I have this code for a page medical history i want a good design for it$,$ please provide me w$//$ PatientHistoryPage.jsx

import React, $\{$ useState $\}$ from 'react';

import humanBodyImage from $\text{'}../$images$/$underweight$-$removebg$-$preview.png$\text{'}$;

import $\text{'}../$CSS$/$PatientHistory$.$css$\text{'}$;

const PatientHistoryPage $=()=>\{$

const $[$selectedDate$,$ setSelectedDate$]=$ useState$(\text{'}2024-03-03\text{'})$;

const $[$isDatePickerOpen$,$ setDatePickerOpen$]=$ useState$($false$)$;

const handleFilterByDateClick $=()=>\{$

setDatePickerOpen$(!$isDatePickerOpen$)$;

$\}$;

const handleDateChange $=($event$)=>\{$

setSelectedDate$($event$.$target.value$)$;

setDatePickerOpen$($false$)$;

$\}$;

return $($