Enhance site layout rendering and integrate shared components

- Added read-only access to shared frontend components in `docker-compose.app.yml`.
- Updated TypeScript configuration in `tsconfig.app.json` and `tsconfig.json` to support path mapping for shared components.
- Modified CSS imports in `index.css` to accommodate shared styles.
- Refactored layout rendering logic in `layoutRenderer.tsx` to utilize shared layout components for various site layouts.
- Improved template rendering in `templateEngine.tsx` by integrating shared block components for better consistency and maintainability.

sites/src/main.tsx

@@ -2,6 +2,9 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './App.tsx';
 import './index.css';
+// Import shared component styles - Vite alias @shared resolves to frontend/src/components/shared
+import '@shared/blocks/blocks.css';
+import '@shared/layouts/layouts.css';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>