fix(SW-2692): Added hyphens:auto and text-wrap:balance to tackle long words

Approved-by: Matilda Landström

apps/scandic-web/components/TempDesignSystem/SidePeek/index.tsx

@@ -50,8 +50,8 @@ export default function SidePeek({
               <aside className={styles.sidePeek}>
                 <header className={styles.header}>
                   {title ? (
-                    <Typography variant="Title/md" className={styles.heading}>
-                      <h2>{title}</h2>
+                    <Typography variant="Title/md">
+                      <h2 className={styles.heading}>{title}</h2>
                     </Typography>
                   ) : null}
                   <Button

apps/scandic-web/components/TempDesignSystem/SidePeek/sidePeek.module.css

@@ -81,6 +81,8 @@
 
 .heading {
   color: var(--Text-Heading);
+  text-wrap: balance;
+  hyphens: auto;
 }
 
 .sidePeekContent {