DONE: increase limit size of profile pic, fix swal error when uploading profile pic large than 2 mb on prod

be/Modules/User/Http/Controllers/UserController.php

@@ -122,7 +122,7 @@ class UserController extends BaseCrudController
             'ic_number' => 'sometimes|string|max:255|unique:users,ic_number,'.$user->id,
             'position' => 'sometimes|string|max:255',
             'phone_number' => 'sometimes|string|max:255',
-            'image' => 'sometimes|image|mimes:jpeg,png,jpg,gif|max:2048',
+            'image' => 'sometimes|image|mimes:jpeg,png,jpg,gif|max:5120',
             'image_url' => 'sometimes|string|max:255',
             'gender' => 'sometimes|string|max:255',
             'marriage_status' => 'sometimes|string|max:255',

be/docker/common/unified/nginx/nginx.conf

@@ -9,6 +9,9 @@ http {
     sendfile        on;
     keepalive_timeout  65;
 
+    # Allow multipart uploads (profile images, docs). Default nginx limit is 1m.
+    client_max_body_size 10M;
+
     # Logging
     access_log /var/log/nginx/access.log;
     error_log /var/log/nginx/error.log;

be/docker/production/nginx/nginx.conf

@@ -9,6 +9,9 @@ http {
     sendfile        on;
     keepalive_timeout  65;
 
+    # Allow multipart uploads (profile images, docs). Default nginx limit is 1m.
+    client_max_body_size 10M;
+
     access_log /var/log/nginx/access.log;
     error_log /var/log/nginx/error.log;
 

be/docker/staging/nginx/nginx.conf

@@ -9,6 +9,9 @@ http {
     sendfile        on;
     keepalive_timeout  65;
 
+    # Allow multipart uploads (profile images, docs). Default nginx limit is 1m.
+    client_max_body_size 10M;
+
     # Logging
     access_log /var/log/nginx/access.log;
     error_log /var/log/nginx/error.log;

fe/src/modules/profile/pages/ProfileOverview2.vue

@@ -190,6 +190,9 @@ onMounted(async () => {
                   No. {{ authStore.userMemberNumber }}
                 </Badge>
               </div>
+              <p class="mt-2 text-xs opacity-70">
+                Gambar profil: maksimum 2 MB (JPEG, PNG, GIF).
+              </p>
             </div>
           </div>
 

fe/src/modules/user/pages/UserList.vue

@@ -318,7 +318,6 @@ async function confirmRestore() {
 const headers: TableHeader[] = [
   { title: 'Bil.', key: '#', sortable: false },
   { title: 'Name', key: 'name', sortable: true },
-  { title: 'Jenis Anggota', key: 'member_type', sortable: true },
   {
     title: 'Unit',
     key: 'company_name',