feat: align ecogesture texts

src/components/ContentComponents/EcogestureCard/EcogestureCard.tsx

@@ -56,15 +56,15 @@ const EcogestureCard: React.FC<EcogestureCardProps> = ({
                 ecogesture.unlocked ? 'ec-content-unlocked' : ''
               }`}
             >
-              {ecogesture.unlocked && ecogesture.iconName && (
-                <div>
+              <div className="ec-content-icon">
+                {ecogesture.unlocked && ecogesture.iconName && (
                   <Icon
                     className="Icon"
                     icon={getEcogestureIconSVG(ecogesture.iconName)}
                     size={50}
                   />
-                </div>
-              )}
+                )}
+              </div>
               <div className="ec-content-short-name text-16-bold">
                 {ecogesture.shortName}
               </div>

src/styles/components/_ecogesture.scss

@@ -61,6 +61,9 @@
     &.ec-content-challenge {
       padding: 0.5rem 0;
     }
+    .ec-content-icon{
+      min-height: 50px;
+    }
     .ec-content-challenge-text {
       display: flex;
       flex: 1;
@@ -69,7 +72,7 @@
     .ec-content-short-name {
       display: flex;
       flex: 1;
-      align-items: flex-end;
+      align-items: center;
       text-align: center;
     }
     .ec-content-nwh {