Verbessert das Styling in PredefinedActivities.vue, um die Benutzeroberfläche zu optimieren. Fügt eine Höhe für das Hauptlayout hinzu und ermöglicht das Scrollen in der Liste sowie eine sticky Positionierung für die Toolbar, um die Benutzerfreundlichkeit zu erhöhen.

frontend/src/views/PredefinedActivities.vue

@@ -206,12 +206,14 @@ export default {
   display: grid;
   grid-template-columns: 320px 1fr;
   gap: 1rem;
+  height: calc(100vh - 170px);
 }
 .list {
   background: white;
   border: 1px solid var(--border-color);
   border-radius: var(--border-radius);
   padding: 0.5rem;
+  overflow: auto;
 }
 .toolbar {
   display: flex;
@@ -238,6 +240,11 @@ select { max-width: 220px; }
   border: 1px solid var(--border-color);
   border-radius: var(--border-radius);
   padding: 0.75rem;
+  position: sticky;
+  top: 0;
+  align-self: start;
+  max-height: calc(100vh - 170px);
+  overflow: auto;
 }
 label { display: block; margin-bottom: 0.5rem; }
 input[type="text"], input[type="number"], textarea { width: 100%; }