BN-19 | Refactor. Use div Instead Of aside

Author: rahu1ramesh

src/layouts/clinical/ClinicalLayout.tsx

@@ -33,8 +33,8 @@ const ClinicalLayout: React.FC<ClinicalLayoutProps> = ({
       <header className={styles.header}>{header}</header>
       <div className={styles.body}>
         <section className={styles.patientDetails}>{patientDetails}</section>
-        <aside className={styles.sidebar}>{sidebar}</aside>
-        <main className={styles.mainDisplay}>{mainDisplay}</main>
+        <div className={styles.sidebar}>{sidebar}</div>
+        <div className={styles.mainDisplay}>{mainDisplay}</div>
       </div>
     </div>
   );

src/layouts/clinical/styles/ClinicalLayout.module.scss

@@ -62,7 +62,6 @@
   .body {
     grid-template-areas:
       "patient-details"
-      "sidebar"
       "main-display";
     grid-template-columns: 1fr;
     grid-template-rows: auto auto 1fr;