feat: implement header/footer visibility controls for checkout and thankyou pages

- Created LayoutWrapper component to conditionally render header/footer based on route
- Created MinimalHeader component (logo only)
- Created MinimalFooter component (trust badges + policy links)
- Created usePageVisibility hook to get visibility settings per page
- Wrapped ClassicLayout with LayoutWrapper for conditional rendering
- Header/footer visibility now controlled directly in React SPA
- Settings: show/minimal/hide for both header and footer
- Background color support for checkout and thankyou pages

customer-spa/src/App.tsx

@@ -12,6 +12,7 @@ import Shop from './pages/Shop';
 import Product from './pages/Product';
 import Cart from './pages/Cart';
 import Checkout from './pages/Checkout';
+import ThankYou from './pages/ThankYou';
 import Account from './pages/Account';
 
 // Create QueryClient instance
@@ -61,7 +62,7 @@ function App() {
               {/* Cart & Checkout */}
               <Route path="/cart" element={<Cart />} />
               <Route path="/checkout" element={<Checkout />} />
-              <Route path="/order-received/:orderId" element={<div>Thank You Page</div>} />
+              <Route path="/order-received/:orderId" element={<ThankYou />} />
               
               {/* My Account */}
               <Route path="/my-account/*" element={<Account />} />