fix: prevent layout shift on sent page when collapsible opens (#33)

* fix: prevent illustration from shifting when collapsible opens on sent page (#26)

Add min-width: 0 and overflow: hidden to the .done flex container in
+page.svelte so it cannot grow beyond its parent when the <details>
element expands. Apply the same constraints to the Done.svelte .container
(also adding width: 100% and box-sizing: border-box) and to HelpToggle's
.help-section, so text revealed by the collapsible cannot push the column
wider and shift the airplane illustration.

* fix: remove hardcoded container names to allow multiple worktrees to run simultaneously

Author: rubenhensen

src/lib/components/HelpToggle.svelte

@@ -29,6 +29,8 @@
     .help-section {
         width: 100%;
         box-sizing: border-box;
+        min-width: 0;
+        overflow: hidden;
     }
 
     .help-section.bordered {

src/lib/components/filesharing/Done.svelte

@@ -68,9 +68,12 @@
         align-items: center;
         gap: 1.5rem;
         padding: 2rem 2rem 0 2rem;
+        width: 100%;
         max-width: 600px;
         margin: 0 auto;
+        box-sizing: border-box;
         flex: 1; /* fill the .done wrapper in +page.svelte */
+        min-width: 0;
     }
 
     h2 {

src/routes/+page.svelte

@@ -130,6 +130,8 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+    min-width: 0;
+    overflow: hidden;
   }
 
   @media only screen and (min-width: 768px) {