fix: mismatched button/Link in mobile menu; ci: replace repo homepage update with PR description update

Author: actions-user

.github/workflows/nextjs-static-gh-pages.yml

@@ -277,15 +277,56 @@ jobs:
               console.log(`README updated with preview URL: ${previewUrl}`);
             }
 
-      - name: 🌐 Update GitHub repo homepage URL
-        if: github.event_name == 'push' && steps.vars.outputs.is_main == 'true'
+      - name: 📌 Update PR description with preview URL
+        if: github.event_name == 'push'
         uses: actions/github-script@v7
         with:
           script: |
+            const owner = context.repo.owner;
+            const repo = context.repo.repo;
+            const branch = '${{ steps.vars.outputs.branch }}';
             const previewUrl = '${{ steps.vars.outputs.preview_url }}';
-            await github.rest.repos.update({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              homepage: previewUrl,
+            const sha = context.sha.substring(0, 7);
+
+            // Find open PR for this branch
+            const { data: prs } = await github.rest.pulls.list({
+              owner, repo, head: `${owner}:${branch}`, state: 'open',
             });
-            console.log(`Repository homepage updated to: ${previewUrl}`);
+
+            if (prs.length === 0) {
+              console.log(`No open PR found for branch ${branch}, skipping.`);
+              return;
+            }
+
+            const pr = prs[0];
+            const body = pr.body || '';
+
+            const marker = {
+              start: '<!-- GH-PAGES-PREVIEW:START -->',
+              end: '<!-- GH-PAGES-PREVIEW:END -->',
+            };
+
+            const section = [
+              marker.start,
+              `---`,
+              `🌐 **Preview:** [${previewUrl}](${previewUrl})  `,
+              `_Deployed from \`${sha}\`_`,
+              `---`,
+              marker.end,
+            ].join('\n');
+
+            let updated;
+            if (body.includes(marker.start)) {
+              const re = new RegExp(`${marker.start}[\\s\\S]*?${marker.end}`);
+              updated = body.replace(re, section);
+            } else {
+              // Prepend to top of PR description
+              updated = section + '\n\n' + body;
+            }
+
+            if (updated !== body) {
+              await github.rest.pulls.update({
+                owner, repo, pull_number: pr.number, body: updated,
+              });
+              console.log(`PR #${pr.number} description updated with preview URL: ${previewUrl}`);
+            }

src/components/layout/header.tsx

@@ -242,7 +242,8 @@ const StickyHeader: React.FC = () => {
               </Link>
             )
           })}
-          <button
+          <Link
+            href="/invoice"
             className="text-white bg-[rgba(0,0,0,0.2)] border px-4 py-2 rounded hover:bg-[rgba(0,0,0,0.3)]"
             onClick={toggleMobileMenu}
           >