fix: portal settings layout (#9324)

* fix: padding

* fix: max width

---------

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

app/javascript/dashboard/routes/dashboard/helpcenter/pages/categories/ListAllCategories.vue

@@ -99,7 +99,7 @@ function changeCurrentCategory(event) {
 </script>
 
 <template>
-  <div class="w-full max-w-5xl">
+  <div class="w-full max-w-6xl">
     <header class="flex items-center justify-between mb-4">
       <div class="flex items-center w-full gap-3">
         <label

app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortal.vue

@@ -24,7 +24,7 @@
           />
         </woot-tabs>
       </setting-intro-banner>
-      <div class="p-4 max-w-full my-auto flex flex-wrap">
+      <div class="flex flex-wrap max-w-full px-8 py-4 my-auto">
         <router-view />
       </div>
     </div>

app/javascript/dashboard/routes/dashboard/helpcenter/pages/portals/EditPortalLocales.vue

@@ -110,7 +110,7 @@ function addLocale() {
 </script>
 
 <template>
-  <div class="w-full h-full max-w-5xl space-y-4 bg-white dark:bg-slate-900">
+  <div class="w-full h-full max-w-6xl space-y-4 bg-white dark:bg-slate-900">
     <div class="flex justify-end">
       <woot-button
         variant="smooth"