Improve defer documentation based on PR review feedback

Address PR review feedback by:
- Preserving script ordering explanation for auto-generated component packs
- Using consistent Shakapacker version notation (≥ 8.2.0)
- Clarifying that non-streaming pages can use defer regardless of version

Changes:
- Added back explanation about defer ensuring correct script load order
  when using auto-generated component packs feature
- Changed "8.2+" to "≥ 8.2.0" for consistency with other docs
- Added note that non-streaming pages can use defer regardless of
  Shakapacker version

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: justin808

docs/building-features/streaming-server-rendering.md

@@ -242,7 +242,7 @@ With `defer: true`, your streamed components will:
 <!-- ✅ GOOD: No defer - allows Selective Hydration to work -->
 <%= javascript_pack_tag('client-bundle', 'data-turbo-track': 'reload', defer: false) %>
 
-<!-- ✅ BEST: Use async for even faster hydration (requires Shakapacker 8.2+) -->
+<!-- ✅ BEST: Use async for even faster hydration (requires Shakapacker ≥ 8.2.0) -->
 <%= javascript_pack_tag('client-bundle', 'data-turbo-track': 'reload', async: true) %>
 ```
 
@@ -255,7 +255,7 @@ With `defer: true`, your streamed components will:
 
 #### Why Async is Better Than No Defer
 
-With Shakapacker 8.2+, using `async: true` provides the best performance:
+With Shakapacker ≥ 8.2.0, using `async: true` provides the best performance:
 
 - **No defer/async**: Scripts block HTML parsing and streaming
 - **defer: true**: Scripts wait for complete page load (defeats Selective Hydration)
@@ -266,6 +266,6 @@ With Shakapacker 8.2+, using `async: true` provides the best performance:
 
 #### Migration Timeline
 
-1. **Before Shakapacker 8.2**: Use `defer: false` for streaming pages
-2. **After Shakapacker 8.2**: Migrate to `async: true` for streaming pages
-3. **Non-streaming pages**: Can continue using `defer: true` safely
+1. **Before Shakapacker 8.2.0**: Use `defer: false` for streaming pages
+2. **Shakapacker ≥ 8.2.0**: Migrate to `async: true` for streaming pages
+3. **Non-streaming pages**: Can continue using `defer: true` safely (regardless of Shakapacker version)

spec/dummy/app/views/layouts/application.html.erb

@@ -10,6 +10,7 @@
   <%= yield :head %>
 
   <%# defer: true is safe here because this app does NOT use streaming server rendering.
+      defer also ensures scripts load in the correct order when using auto-generated component packs.
       For apps with streaming components, use defer: false or async: true to enable
       React 18's Selective Hydration. See docs/building-features/streaming-server-rendering.md %>
   <%= javascript_pack_tag('client-bundle', 'data-turbo-track': 'reload', defer: true) %>