Merged in feature/SW-3245-move-jsontohtml (pull request #2661)

Feature/SW-3245 move jsontohtml

* wip

* Move JsonToHtml -> design-system

* Fix semantic issues within Stories

* replace imports of 'storybook/react-vite' with 'storybook/nextjs-vite'

* merge


Approved-by: Anton Gunnarsson

apps/scandic-web/components/Sidebar/index.tsx

@@ -1,8 +1,8 @@
+import { JsonToHtml } from "@scandic-hotels/design-system/JsonToHtml"
 import { DynamicContentEnum } from "@scandic-hotels/trpc/types/dynamicContent"
 import { SidebarEnums } from "@scandic-hotels/trpc/types/sidebar"
 
 import EmployeeBenefitsAuthCard from "@/components/DigitalTeamMemberCard/EmployeeBenefits/AuthCard"
-import JsonToHtml from "@/components/JsonToHtml"
 
 import ShortcutsList from "../Blocks/ShortcutsList"
 import Card from "../TempDesignSystem/Card"
@@ -39,8 +39,8 @@ export default function Sidebar({ blocks }: SidebarProps) {
           case SidebarEnums.blocks.JoinLoyaltyContact:
             return (
               <JoinLoyaltyContact
-                block={block.join_loyalty_contact}
                 key={`${block.typename}-${idx}`}
+                block={block.join_loyalty_contact}
               />
             )
           case SidebarEnums.blocks.ScriptedCard:
@@ -67,10 +67,10 @@ export default function Sidebar({ blocks }: SidebarProps) {
 
             return (
               <TeaserCard
+                key={block.teaser_card.system.uid}
                 title={block.teaser_card.heading}
                 description={block.teaser_card.body_text}
                 intent={block.teaser_card.theme}
-                key={block.teaser_card.system.uid}
                 primaryButton={block.teaser_card.primaryButton}
                 secondaryButton={block.teaser_card.secondaryButton}
                 sidePeekButton={block.teaser_card.sidePeekButton}
@@ -79,7 +79,13 @@ export default function Sidebar({ blocks }: SidebarProps) {
               />
             )
           case SidebarEnums.blocks.QuickLinks:
-            return <ShortcutsList {...block.shortcuts} hasTwoColumns={false} />
+            return (
+              <ShortcutsList
+                key={`${block.typename}-${idx}`}
+                {...block.shortcuts}
+                hasTwoColumns={false}
+              />
+            )
 
           default:
             return null