KI-AGENT: Scrollbereich der Firmeneinstellungen korrigieren

frontend/pages/settings/tenant.vue

@@ -580,23 +580,23 @@ watch(() => telephonyTrunkForm.provider, async (provider) => {
   <UDashboardNavbar title="Firmeneinstellungen">
 
   </UDashboardNavbar>
-  <UTabs
-      class="p-5"
-      :items="[
-        {
-          label: 'Dokubox'
-        },{
-          label: 'Rechnung & Kontakt'
-        },{
-          label: 'Plantafel'
-        },{
-          label: 'Integrationen'
-        },{
-          label: 'Funktionen'
-        }
-    ]"
-  >
-    <template #content="{item}">
+  <UDashboardPanelContent>
+    <UTabs
+        :items="[
+          {
+            label: 'Dokubox'
+          },{
+            label: 'Rechnung & Kontakt'
+          },{
+            label: 'Plantafel'
+          },{
+            label: 'Integrationen'
+          },{
+            label: 'Funktionen'
+          }
+      ]"
+    >
+      <template #content="{item}">
       <div v-if="item.label === 'Dokubox'">
         <UAlert
             class="mt-5"
@@ -1104,8 +1104,9 @@ watch(() => telephonyTrunkForm.provider, async (provider) => {
           />
         </UCard>
       </div>
-    </template>
-  </UTabs>
+      </template>
+    </UTabs>
+  </UDashboardPanelContent>
 </template>
 
 <style scoped>