Problem
When menu data loads or filters, empty layouts flicker before rendering, resulting in a jarring visual jump.
Current Behavior
Menu areas display blank pages while items load from the JSON database.
Why This Improvement Is Needed
Skeleton placeholders improve user perception of performance and eliminate sudden layout shifts (CLS).
Proposed Solution
Implement CSS pulse loaders mimicking food card geometry while rendering content.
Expected Outcome
Fluid, animated skeleton loaders will animate during menus filtering transitions.
Problem
When menu data loads or filters, empty layouts flicker before rendering, resulting in a jarring visual jump.
Current Behavior
Menu areas display blank pages while items load from the JSON database.
Why This Improvement Is Needed
Skeleton placeholders improve user perception of performance and eliminate sudden layout shifts (CLS).
Proposed Solution
Implement CSS pulse loaders mimicking food card geometry while rendering content.
Expected Outcome
Fluid, animated skeleton loaders will animate during menus filtering transitions.