cart checker for remove cart when slug changed

src/app/[name]/layout.tsx

@@ -3,6 +3,7 @@ import React from 'react'
 import type { Metadata, Viewport } from 'next'
 import { getRestaurant } from './lib/getRestaurant'
 import { notFound } from 'next/navigation'
+import CartChecker from '@/components/CartChecker'
 
 export const dynamic = 'force-dynamic'
 export const revalidate = 0
@@ -85,7 +86,10 @@ export default async function Layout({
   try {
     const { name } = await params
     await getRestaurant(name)
-    return <PreferenceWrapper>{children}</PreferenceWrapper>
+    return <>
+      <PreferenceWrapper>{children}</PreferenceWrapper>
+      <CartChecker />
+    </>
   } catch (error) {
     if (error instanceof Error && error.message === 'RESTAURANT_NOT_FOUND') {
       notFound()