style(frontend): remove max-width from content area in settings and profile

Author: Lasim

services/frontend/src/views/admin/settings/[type].vue

@@ -336,7 +336,7 @@ async function handleSubmit(event: Event) {
         </aside>
 
         <!-- Content Area -->
-        <div class="flex-1 md:max-w-3xl">
+        <div class="flex-1">
 
           <div v-if="isLoading" class="text-muted-foreground">{{ t('globalSettings.loading') }}</div>
           <div v-else-if="error" class="text-red-500">{{ t('globalSettings.errors.loadSettings') }}: {{ error }}</div>

services/frontend/src/views/user/Profile.vue

@@ -160,7 +160,7 @@ async function handleProfileSubmit(event: Event) {
         </aside>
 
         <!-- Content Area -->
-        <div class="flex-1 md:max-w-3xl">
+        <div class="flex-1">
           <!-- Loading State -->
           <div v-if="isLoading" class="text-muted-foreground py-8 text-center">
             {{ t('userAccount.messages.loading') }}

services/frontend/src/views/user/Security.vue

@@ -170,7 +170,7 @@ async function handleSecuritySubmit(event: Event) {
         </aside>
 
         <!-- Content Area -->
-        <div class="flex-1 md:max-w-3xl">
+        <div class="flex-1">
           <!-- Loading State -->
           <div v-if="isLoading" class="text-muted-foreground py-8 text-center">
             {{ t('userAccount.messages.loading') }}