add Header for cart page

src/pages/menu/page.tsx

@@ -41,7 +41,7 @@ function MenuPage() {
     restaurantDetails?.restaurant.id,
     {
       skip: !restaurantDetails?.restaurant.id,
-    }
+    },
   );
   const { categoryRefs } = useScrollHandler();
   const { xs, md } = useBreakpoint();
@@ -58,7 +58,7 @@ function MenuPage() {
       />
 
       {isLoading ? (
-        <MenuSkeleton categoryCount={6} itemCount={8} variant="default" />
+        <MenuSkeleton categoryCount={10} itemCount={8} variant="default" />
       ) : (
         <div className={styles.menuContainer}>
           <div className={styles.restaurantHeader}>