feat: display modal border for unlocked ecogesture

src/components/CommonKit/Modal/Modal.tsx

@@ -17,12 +17,11 @@ const Modal: React.FC<ModalProps> = ({
   children,
   yellowBorder,
 }: ModalProps) => {
+  const yellow = yellowBorder ? yellowBorder : ''
   return (
     <div className={`modal-overlay ${open ? 'modal-opened' : ''}`}>
       <div
-        className={`modal-box ${
-          border ? 'modal-box-bordered' : ''
-        }${yellowBorder}`}
+        className={`modal-box ${border ? 'modal-box-bordered' : ''} ${yellow}`}
       >
         <StyledIconButton
           className="modal-close-button"

src/components/ContentComponents/EcogestureList/EcogestureList.tsx

@@ -106,13 +106,6 @@ const EcogesturesList: React.FC<EcogesturesListProps> = ({
         opened={openEcogestureModal}
         ecogesture={selectedEcogesture}
         handleCloseClick={handleCloseClick}
-        border={
-          selectedEcogesture
-            ? selectedEcogesture.unlocked
-              ? selectedEcogesture.unlocked
-              : false
-            : false
-        }
       />
     </div>
   )