docs(site): the "New to devcoach?" panel follows the import panel (#149)

On the share page, when no dashboard answers, the newcomer panel came first and pushed
"Add it to your devcoach" below the fold of the aside. Someone who already has devcoach came
for Import, so that panel stays first and the pitch for newcomers sits under it. Same content,
same states; CHANGELOG wording follows.

Claude-Session: https://claude.ai/code/session_01LWas1iLGAaSFTxXrcucoSr

Author: UltimaPhoenix

CHANGELOG.md

@@ -59,10 +59,10 @@ Notable changes to devcoach. Versions follow [Semantic Versioning](https://semve
   & releases to `CONTRIBUTING.md`. The GIF is recorded from the docs home's demo by
   `scripts/demo-gif.mjs`, and the screenshots workflow refreshes it.
 - **A shared lesson introduces devcoach to people who don't have it.** The share page names the
-  sender ("Alex shared a devcoach lesson with you"), and when no dashboard answers it opens with a
-  *New to devcoach?* panel: what devcoach does in one sentence, **Install devcoach**, **See how it
-  works**, and a reminder that the link keeps the lesson for later. With a running dashboard the
-  page is unchanged.
+  sender ("Alex shared a devcoach lesson with you"), and when no dashboard answers a *New to
+  devcoach?* panel follows the import panel: what devcoach does in one sentence, **Install
+  devcoach**, **See how it works**, and a reminder that the link keeps the lesson for later. With a
+  running dashboard the page is unchanged.
 
 ## [2.7.1] — 2026-10-08
 

website/src/pages/lesson.tsx

@@ -227,26 +227,6 @@ export default function LessonPage(): ReactNode {
             </article>
 
             <aside className={styles.aside}>
-              {/* No dashboard answered (or the browser can't tell): this visitor may not have devcoach
-                  at all — a shared lesson is how many people first meet it. */}
-              {dashboard !== "up" && dashboard !== "checking" && (
-                <div className={`${styles.panel} ${styles.newcomer}`}>
-                  <p className={styles.panelTitle}>New to devcoach?</p>
-                  <p className={styles.newcomerText}>
-                    This lesson came from devcoach: when your AI agent finishes a task, it teaches you one
-                    thing from it that you don't know yet. Free and 100% local.
-                  </p>
-                  <div className={styles.buttons}>
-                    <Link className={`button button--primary button--block ${styles.mainButton}`} to="/install">
-                      Install devcoach
-                    </Link>
-                    <Link className="button button--secondary button--block" to="/">
-                      See how it works
-                    </Link>
-                  </div>
-                  <p className={styles.hint}>Then come back: this link keeps the lesson, ready to import.</p>
-                </div>
-              )}
               <div className={styles.panel}>
                 <p className={styles.panelTitle}>Add it to your devcoach</p>
                 <p className={`${styles.status} ${dashboard === "up" ? styles.up : ""}`}>
@@ -333,6 +313,27 @@ export default function LessonPage(): ReactNode {
                   travels, and what never does.
                 </p>
               </div>
+              {/* No dashboard answered (or the browser can't tell): this visitor may not have devcoach
+                  at all — a shared lesson is how many people first meet it. It sits below the import panel:
+                  someone who already has devcoach came here for Import. */}
+              {dashboard !== "up" && dashboard !== "checking" && (
+                <div className={`${styles.panel} ${styles.newcomer}`}>
+                  <p className={styles.panelTitle}>New to devcoach?</p>
+                  <p className={styles.newcomerText}>
+                    This lesson came from devcoach: when your AI agent finishes a task, it teaches you one
+                    thing from it that you don't know yet. Free and 100% local.
+                  </p>
+                  <div className={styles.buttons}>
+                    <Link className={`button button--primary button--block ${styles.mainButton}`} to="/install">
+                      Install devcoach
+                    </Link>
+                    <Link className="button button--secondary button--block" to="/">
+                      See how it works
+                    </Link>
+                  </div>
+                  <p className={styles.hint}>Then come back: this link keeps the lesson, ready to import.</p>
+                </div>
+              )}
             </aside>
             </div>
             <p className={styles.footer}>