chore: Moved Breadcrumbs to design system and added stories

Approved-by: Bianca Widstam

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

@@ -1,15 +1,18 @@
+import {
+  Breadcrumbs as BreadcrumbsComponent,
+  type BreadcrumbsProps,
+} from "@scandic-hotels/design-system/Breadcrumbs"
+
 import { serverClient } from "@/lib/trpc/server"
 
-import BreadcrumbsComp from "@/components/TempDesignSystem/Breadcrumbs"
 import { generateBreadcrumbsSchema } from "@/utils/jsonSchemas"
 
-import type { BreadcrumbsProps } from "@/components/TempDesignSystem/Breadcrumbs/breadcrumbs"
-
-interface Props extends Omit<BreadcrumbsProps, "breadcrumbs"> {
+export async function Breadcrumbs({
+  subpageTitle,
+  ...props
+}: Omit<BreadcrumbsProps, "breadcrumbs"> & {
   subpageTitle?: string
-}
-
-export default async function Breadcrumbs({ subpageTitle, ...props }: Props) {
+}) {
   const caller = await serverClient()
   const breadcrumbs = await caller.contentstack.breadcrumbs.get()
   if (!breadcrumbs?.length) {
@@ -30,7 +33,7 @@ export default async function Breadcrumbs({ subpageTitle, ...props }: Props) {
           __html: JSON.stringify(jsonSchema.jsonLd),
         }}
       />
-      <BreadcrumbsComp breadcrumbs={breadcrumbs} {...props} />
+      <BreadcrumbsComponent breadcrumbs={breadcrumbs} {...props} />
     </>
   )
 }