fix: wrap content in flex:1 div so footer doesn't overflow

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/WelcomeWorld.vue

@@ -15,6 +15,7 @@ const { userInput, repoInput, submit } = useForm()
 
 <template>
   <div class="welcome-world">
+    <div class="welcome-content">
     <h1 class="title is-1">
       <img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
       Remanso
@@ -43,6 +44,7 @@ const { userInput, repoInput, submit } = useForm()
         go
       </button>
     </form>
+    </div>
 
     <footer>
       <theme-swap />
@@ -148,7 +150,6 @@ h1 {
   flex: 1;
   align-self: stretch;
   flex-direction: column;
-  justify-content: flex-start;
   gap: 1rem;
 
   .title {
@@ -156,6 +157,13 @@ h1 {
   }
 }
 
+.welcome-content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 1rem;
+}
+
 .github-form {
   display: flex;
   align-items: center;
@@ -170,7 +178,6 @@ footer {
   display: flex;
   gap: 1rem;
   align-items: center;
-  margin-top: auto;
 }
 
 .profile-avatar {