(fix) Fix the search bar UI shown in overlay menus (#603)

Author: denniskigen

packages/esm-appointments-app/src/patient-search/patient-search.scss

@@ -9,9 +9,7 @@
 [data-extension-id='patient-search-bar'] {
   & > div {
     width: 100%;
-    & form {
-      margin: 0.0125rem;
-    }
+
     & input {
       background-color: $ui-02;
       border-bottom: none;

packages/esm-patient-search-app/src/compact-patient-search-extension/index.tsx

@@ -84,6 +84,7 @@ const CompactPatientSearchComponent: React.FC<CompactPatientSearchProps> = ({
     <div className={styles.patientSearchBar}>
       <form onSubmit={handleSubmit} className={styles.searchArea}>
         <Search
+          autoFocus
           className={styles.patientSearchInput}
           closeButtonLabelText={t('clearSearch', 'Clear')}
           labelText=""

packages/esm-patient-search-app/src/patient-search-bar/patient-search-bar.scss

@@ -7,7 +7,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border: 1px solid $ui-04;
 }
 
 .patientSearchInput {