fix(sports): move ontology words last in venue hero

LIIKUNTA-759.

The venue hero still had CSS that used an order attribute to reformat
the venue hero content section. Removing the order attributes and moving
the keywords last in DOM makes the venue hero now consistent with events
hero.

Author: nikomakela

apps/sports-helsinki/src/domain/venue/venueHero/VenueHero.tsx

@@ -123,9 +123,6 @@ const VenueHero: React.FC<Props> = ({ venue }) => {
             <div className={styles.leftPanelWrapper}>
               <div className={styles.leftPanelEmpty} />
               <div className={styles.textWrapper}>
-                <div>
-                  <VenueKeywords whiteOnly venue={venue} />
-                </div>
                 <h1 className={styles.title}>
                   {venue.name}
                   {isHelsinkiCityOwned && <HelsinkiCityOwnedIcon />}
@@ -144,6 +141,9 @@ const VenueHero: React.FC<Props> = ({ venue }) => {
                     </ul>
                   </div>
                 </div>
+                <div className={styles.keywordsWrapper}>
+                  <VenueKeywords whiteOnly venue={venue} />
+                </div>
               </div>
             </div>
           </div>

apps/sports-helsinki/src/domain/venue/venueHero/venueHero.module.scss

@@ -66,7 +66,6 @@ $logoWidth: 5.5rem;
     }
 
     .additionalInfo {
-      order: 6;
       margin-top: var(--spacing-s);
     }
 
@@ -104,20 +103,14 @@ $logoWidth: 5.5rem;
         width: unset;
       }
 
-      .categoryWrapper {
-        order: 1;
-      }
-
       .date {
-        order: 2;
         margin-top: 0.5rem;
         font-size: var(--fontsize-body-l);
         line-height: 1.625rem;
         min-height: 1.625rem;
       }
 
       .title {
-        order: 3;
         font-size: var(--fontsize-heading-l);
         line-height: var(--lineheight-m);
         font-weight: 400;
@@ -128,30 +121,13 @@ $logoWidth: 5.5rem;
       }
 
       .description {
-        order: 4;
         font-size: var(--fontsize-body-xl);
         line-height: var(--spacing-l);
       }
+    }
 
-      .location {
-        order: 5;
-      }
-
-      .start {
-        order: 6;
-      }
-
-      .price {
-        order: 7;
-      }
-
-      .buyButtonWrapper {
-        order: 8;
-      }
-
-      .registrationButtonWrapper {
-        order: 9;
-      }
+    .keywordsWrapper {
+      margin: var(--spacing-2-xs) 0;
     }
 
     .buyButtonWrapper {