Refactor CSS files in src/screens/MemberDetail (#2941)

* Update Member Detail css

* Fix colour change

* Fix linting issue

* Update app.module.css

Author: mandeepnh5

src/screens/MemberDetail/MemberDetail.tsx

@@ -3,7 +3,7 @@ import { useMutation, useQuery } from '@apollo/client';
 import Button from 'react-bootstrap/Button';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
-import styles from './MemberDetail.module.css';
+import styles from '../../style/app.module.css';
 import { languages } from 'utils/languages';
 import { UPDATE_USER_MUTATION } from 'GraphQl/Mutations/mutations';
 import { USER_DETAILS } from 'GraphQl/Queries/Queries';
@@ -433,7 +433,7 @@ const MemberDetail: React.FC<MemberDetailProps> = ({ id }): JSX.Element => {
                     {t('birthDate')}
                   </label>
                   <DatePicker
-                    className={`${styles.datebox} w-100`}
+                    className={`${styles.dateboxMemberDetail} w-100`}
                     value={dayjs(formState.birthDate)}
                     onChange={handleDateChange}
                     data-testid="birthDate"