Fix: Prettier formatting

Author: shantanu-02

users/discord/App.js

@@ -40,7 +40,7 @@ const handleTabNavigation = async (e) => {
 const handleUserSelected = (userId) => {
   if (userId) {
     const selectedUserIndex = usersData[activeTab]?.findIndex(
-      (user) => user.id === userId
+      (user) => user.id === userId,
     );
 
     if (selectedUserIndex !== -1) {

users/discord/components/UsersSection.js

@@ -2,49 +2,54 @@ const { createElement } = react;
 
 export const UsersSection = ({ users, showUser, handleUserSelected }) => {
   let selectedUserId = users[showUser]?.id;
-  
+
   const handleClick = (userId) => {
     selectedUserId = userId;
-    document.querySelectorAll('.user_card').forEach(card => {
+    document.querySelectorAll('.user_card').forEach((card) => {
       if (card.dataset.key === userId) {
         card.classList.add('active_tab');
       } else {
         card.classList.remove('active_tab');
       }
     });
-    
-    const selectedUser = users.find(user => user.id === userId);
-    
+
+    const selectedUser = users.find((user) => user.id === userId);
+
     const detailsSection = document.querySelector('.user_details_section');
     if (detailsSection && selectedUser) {
-      detailsSection.querySelectorAll('.user_details_field').forEach(field => {
-        const label = field.querySelector('span:first-child')?.textContent;
-        const valueSpan = field.querySelector('span:last-child');
-        const link = field.querySelector('a');
-        
-        switch(label) {
-          case 'Name: ':
-            if (valueSpan) valueSpan.textContent = selectedUser.first_name;
-            break;
-          case 'Username: ':
-            if (valueSpan) valueSpan.textContent = selectedUser.username;
-            break;
-          case 'Discord ID: ':
-            if (valueSpan) valueSpan.textContent = selectedUser.discordId;
-            break;
-          case 'Joined RDS server on: ':
-            if (valueSpan) valueSpan.textContent = new Date(selectedUser.discordJoinedAt).toUTCString();
-            break;
-          case 'User Management: ':
-            if (link) {
-              link.href = `${USER_MANAGEMENT_URL}${selectedUser.username}`;
-              link.textContent = `${USER_MANAGEMENT_URL}${selectedUser.username}`;
-            }
-            break;
-        }
-      });
+      detailsSection
+        .querySelectorAll('.user_details_field')
+        .forEach((field) => {
+          const label = field.querySelector('span:first-child')?.textContent;
+          const valueSpan = field.querySelector('span:last-child');
+          const link = field.querySelector('a');
+
+          switch (label) {
+            case 'Name: ':
+              if (valueSpan) valueSpan.textContent = selectedUser.first_name;
+              break;
+            case 'Username: ':
+              if (valueSpan) valueSpan.textContent = selectedUser.username;
+              break;
+            case 'Discord ID: ':
+              if (valueSpan) valueSpan.textContent = selectedUser.discordId;
+              break;
+            case 'Joined RDS server on: ':
+              if (valueSpan)
+                valueSpan.textContent = new Date(
+                  selectedUser.discordJoinedAt,
+                ).toUTCString();
+              break;
+            case 'User Management: ':
+              if (link) {
+                link.href = `${USER_MANAGEMENT_URL}${selectedUser.username}`;
+                link.textContent = `${USER_MANAGEMENT_URL}${selectedUser.username}`;
+              }
+              break;
+          }
+        });
     }
-    
+
     handleUserSelected(userId);
   };
 
@@ -73,4 +78,4 @@ export const UsersSection = ({ users, showUser, handleUserSelected }) => {
       );
     }),
   );
-};
+};