Refactor AppContent and NoLoginView styles for improved layout: Adjust flex properties and dimensions to enhance responsiveness and ensure consistent spacing across components.

frontend/src/components/AppContent.vue

@@ -38,8 +38,16 @@
 .app-content__inner {
   max-width: var(--shell-max-width);
   min-height: 100%;
+  height: 100%;
   margin: 0 auto;
   padding: 14px 18px 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.app-content__inner > :last-child {
+  flex: 1 1 auto;
+  min-height: 0;
 }
 
 @media (max-width: 960px) {

frontend/src/views/home/NoLoginView.vue

@@ -182,8 +182,7 @@ export default {
     justify-content: center;
     gap: 1.4rem;
     width: 100%;
-    height: 100%;
-    flex: 1;
+    flex: 1 1 auto;
     min-height: 0;
     overflow: hidden;
 }
@@ -216,7 +215,6 @@ export default {
     gap: 1rem;
     flex: 1 1 auto;
     min-height: 0;
-    height: 100%;
     overflow: hidden;
 }