fix(SW-1608): Hotel listing synced with design

Approved-by: Matilda Landström

apps/scandic-web/components/Blocks/HotelListing/index.tsx

@@ -1,10 +1,13 @@
+import { Typography } from "@scandic-hotels/design-system/Typography"
+
 import { getHotelsByCSFilter } from "@/lib/trpc/memoizedRequests"
 
 import SectionContainer from "@/components/Section/Container"
-import Title from "@/components/TempDesignSystem/Text/Title"
 
 import HotelListingItem from "./HotelListingItem"
 
+import styles from "./hotelListing.module.css"
+
 import type { HotelListingProps } from "@/types/components/blocks/hotelListing"
 
 export default async function HotelListing({
@@ -24,9 +27,9 @@ export default async function HotelListing({
 
   return (
     <SectionContainer>
-      <Title level="h4" as="h3" textTransform="capitalize">
-        {heading}
-      </Title>
+      <Typography variant="Title/sm">
+        <h3 className={styles.heading}>{heading}</h3>
+      </Typography>
       {hotels.map(({ url, hotel, additionalData }) => (
         <HotelListingItem
           key={hotel.name}