docs: Restore usecases/README "Preview Deployment" (#247)

* docs: Restore usecases/README "Preview Deployment"

* docs: warn user of outdated image

* docs: clarity

Author: wesleyboar

user-guide/usecases/README.md

@@ -171,24 +171,6 @@ You can [**test your changes** on your local machine](../../../README.md#testing
 >     - Use 4 spaces to indent.
 >     - Add a new line before starting a list.
 
-<details><summary>Preview Deployment — ⚠️ Feature Not Available Yet</summary>
-
-> **Note**: This valuable automated feature was in [DS_Use_Case_template](https://github.com/DesignSafe-CI/DS_Use_Case_template/blob/c32d48a/README.md?plain=1#L76-L80). It will eventually be added here also.
-
-After a minute or so a preview deployment of your use case will be available on the pull request page. Select the preview link generated by Netlify to view your changes similar to how it would be rendered in the final version. If you want to make some tweaks. If you created a fork repo, visit that fork repo to make changes. As long as the current PR remains open GitHub will automatically pull your changes.
-
-| link to preview of deployment |
-| - |
-| ⚠️ Feature unavailable. Until feature is available, you may view an [outdated image](docs/images/21-pr.png). |
-<!-- ![PR](docs/images/21-pr.png) | -->
-
-| preview of deployment |
-| - |
-| ⚠️ Feature unavailable. Until feature is available, you may view an [outdated image](docs/images/22-preview.png). |
-<!-- ![preview Web](docs/images/22-preview.png) | -->
-
-</details>
-
 ### <a id="add-to-guide"></a> 12. Add New Use Case to User Guide
 
 If you have added a Use Case, add it to the [`nav` in `user-guide/mkdocs.yml`](https://github.com/DesignSafe-CI/DS-User-Guide/blob/v2.8.0/user-guide/mkdocs.yml#L116-L142) —
@@ -242,5 +224,22 @@ To add the new use case to "Wind & Storm Surge":
 
     <sup>Edit the new line to point to the new use case.</sup>
 
+### <a id="preview-deploy"></a> 13. Preview Deployment
+
+After a minute or so a preview deployment of your use case will be available on the pull request page. Select the preview link generated by Netlify to view your changes similar to how it would be rendered in the final version. If you want to make some tweaks. If you created a fork repo, visit that fork repo to make changes. As long as the current PR remains open GitHub will automatically pull your changes.
+
+> [!WARNING]
+> Image is outdated. But feature is working as of 2025-12-09.
+
+| link to preview of deployment |
+| - |
+| ![PR](docs/images/21-pr.png) |
+
+> [!WARNING]
+> Image is outdated. But feature is working as of 2025-12-09.
+
+| preview of deployment |
+| - |
+| ![preview Web](docs/images/22-preview.png) |
+
 [DS-User-Guide]: https://github.com/DesignSafe-CI/DS-User-Guide/
-[DS_Use_Case_template]: https://github.com/DesignSafe-CI/DS_Use_Case_template/