Revert StatusBar theme change (restore device status-bar space); JS skips it; dev-guide cleanup

Theme / status bar (the real regression): a JS-port PR (795fe03) added a
StatusBar UIID with `padding: 0` to the shared iOS-modern and android-material
native themes to stop an undefined-UIID black strip on the web. On iOS
(paintsTitleBarBool=true) that zeroed the reserved status-bar/safe-area space at
the top of every modern-theme Form, so the regenerated iOS theme goldens lost
the status strip. Revert the StatusBar UIID from both native themes and
regenerate the committed .res (now byte-identical to the pre-795fe0375 .res), so
real devices reserve the status-bar space again. The web has no OS status bar,
so the JS port now explicitly disables it (`@paintsTitleBarBool=false` in
installNativeTheme) instead of zeroing StatusBar.padding -- no black strip, no
reserved space on the web. Restore the 64 iOS theme goldens (GL + Metal) to the
with-status-bar baseline. Android (paintsTitleBarBool=false), Mac Catalyst and
Windows (desktop, no status bar) and the JS port are unaffected.

Developer guide:
- Remove the redundant "3D Graphics" section from Index.asciidoc now that there
  is a dedicated 3D-Graphics chapter (Index reverts to the master content).
- Promote the render-thread caveat to a prominent IMPORTANT admonition at the
  top of the 3D chapter: Renderer callbacks run on the native render thread, not
  the EDT.
- Crop the four 3D demo screenshots to the rendered content (drop the redundant
  in-image title bar and the dead margins that made them render as thin tall
  strips at scaledwidth=40%).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: shai-almog

Ports/JavaScriptPort/src/main/java/com/codename1/impl/html5/HTML5Implementation.java

@@ -2984,7 +2984,13 @@ public void installNativeTheme(){
             }
             Hashtable tp = r.getTheme(r.getThemeResourceNames()[0]);
 
-            tp.put("StatusBar.padding", "0,0,0,0");
+            // The browser has no OS status bar / notch, so the app must not
+            // reserve a status-bar strip at the top of the Form the way iOS
+            // does. The iOS-modern theme sets paintsTitleBarBool=true to
+            // reserve that safe-area space on real devices; force it off on the
+            // JS port so the web layout starts flush at the top (otherwise the
+            // undefined StatusBar UIID would also paint an opaque strip there).
+            tp.put("@paintsTitleBarBool", "false");
 
             UIManager.getInstance().setThemeProps(tp);
             return;

Themes/AndroidMaterialTheme.res

@@ -330,12 +330,6 @@ Title {
 }
 MainTitle { cn1-derive: Title; }
 
-/* paintsTitleBarBool=true makes Form add a StatusBar component at the top
-   of the title area. An undefined UIID resolves to the framework default
-   Style (opaque black), so without this rule the status strip paints solid
-   black above the title. Match the Toolbar surface. */
-StatusBar { background-color: #fef7ff; color: #1d1b20; padding: 0; margin: 0; }
-
 BackCommand { cn1-derive: Button; background-color: transparent; color: var(--accent-color, #6750a4); padding: 1mm 2mm 1mm 2mm; }
 TitleCommand { cn1-derive: Button; background-color: transparent; color: var(--accent-color, #6750a4); padding: 1mm 2mm 1mm 2mm; }
 
@@ -608,7 +602,6 @@ PopupContent {
     TitleArea { background-color: #141218; color: #e6e0e9; }
     Title { color: #e6e0e9; background-color: #141218; }
     MainTitle { color: #e6e0e9; background-color: #141218; }
-    StatusBar { background-color: #141218; color: #e6e0e9; }
     BackCommand { color: var(--accent-color-dark, #d0bcff); background-color: transparent; }
     TitleCommand { color: var(--accent-color-dark, #d0bcff); background-color: transparent; }