Update CORS settings, enhance API URL detection, and improve template rendering

- Added new CORS origins for local development and specific IP addresses in `settings.py`.
- Refactored API URL retrieval logic in `loadSiteDefinition.ts` and `fileAccess.ts` to auto-detect based on the current origin.
- Enhanced error handling in API calls and improved logging for better debugging.
- Updated `renderTemplate` function to support additional block types and improved rendering logic for various components in `templateEngine.tsx`.

sites/src/utils/layoutRenderer.tsx

@@ -189,16 +189,22 @@ function renderNavigation(navigation: SiteDefinition['navigation']): React.React
  * Render pages.
  */
 function renderPages(pages: SiteDefinition['pages']): React.ReactElement[] {
+  // Filter pages - include ready, generating, and deployed statuses
+  // Only exclude draft status
   return pages
-    .filter((page) => page.status === 'ready')
+    .filter((page) => page.status !== 'draft')
     .map((page) => (
       <div key={page.id} className="page" data-page-slug={page.slug}>
         <h2>{page.title}</h2>
-        {page.blocks.map((block, index) => (
-          <div key={index} className="block" data-block-type={block.type}>
-            {renderTemplate(block)}
-          </div>
-        ))}
+        {page.blocks && page.blocks.length > 0 ? (
+          page.blocks.map((block, index) => (
+            <div key={index} className="block" data-block-type={block.type}>
+              {renderTemplate(block)}
+            </div>
+          ))
+        ) : (
+          <p>No content available for this page.</p>
+        )}
       </div>
     ));
 }