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/vite.config.ts

@@ -11,7 +11,8 @@ const key = readFileSync(resolve(__dirname, '../admin-spa/.cert/woonoow.local-ke
 const cert = readFileSync(resolve(__dirname, '../admin-spa/.cert/woonoow.local-cert.pem'));
 
 export default defineConfig({
-  base: '/',
+  base: './',
+  publicDir: 'public',
   plugins: [
     react({
       jsxRuntime: 'automatic',