feat: Add internal runtime configuration

client/src/components/common/AdministrationModal/UsersPane/ActionsStep.jsx

@@ -38,8 +38,8 @@ const StepTypes = {
 const ActionsStep = React.memo(({ userId, onClose }) => {
   const selectUserById = useMemo(() => selectors.makeSelectUserById(), []);
 
-  const activeUserLimit = useSelector(selectors.selectActiveUserLimit);
-  const activeUserTotal = useSelector(selectors.selectActiveUserTotal);
+  const activeUsersLimit = useSelector(selectors.selectActiveUsersLimit);
+  const activeUsersTotal = useSelector(selectors.selectActiveUsersTotal);
   const user = useSelector((state) => selectUserById(state, userId));
   const isCurrentUser = useSelector((state) => user.id === selectors.selectCurrentUserId(state));
 
@@ -237,8 +237,8 @@ const ActionsStep = React.memo(({ userId, onClose }) => {
               <Menu.Item
                 disabled={
                   user.isDeactivated &&
-                  activeUserLimit !== null &&
-                  activeUserTotal >= activeUserLimit
+                  activeUsersLimit !== null &&
+                  activeUsersTotal >= activeUsersLimit
                 }
                 className={styles.menuItem}
                 onClick={user.isDeactivated ? handleActivateClick : handleDeactivateClick}

client/src/components/common/AdministrationModal/UsersPane/UsersPane.jsx

@@ -17,8 +17,8 @@ import AddStep from './AddStep';
 import styles from './UsersPane.module.scss';
 
 const UsersPane = React.memo(() => {
-  const activeUserTotal = useSelector(selectors.selectActiveUserTotal);
-  const activeUserLimit = useSelector(selectors.selectActiveUserLimit);
+  const activeUsersLimit = useSelector(selectors.selectActiveUsersLimit);
+  const activeUsersTotal = useSelector(selectors.selectActiveUsersTotal);
   const users = useSelector(selectors.selectUsers);
 
   const canAdd = useSelector((state) => {
@@ -106,13 +106,13 @@ const UsersPane = React.memo(() => {
           <AddPopup>
             <Button
               positive
-              disabled={activeUserLimit !== null && activeUserTotal >= activeUserLimit}
+              disabled={activeUsersLimit !== null && activeUsersTotal >= activeUsersLimit}
               className={styles.addButton}
             >
               {t('action.addUser')}
-              {activeUserLimit !== null && (
+              {activeUsersLimit !== null && (
                 <span className={styles.addButtonCounter}>
-                  {activeUserTotal}/{activeUserLimit}
+                  {activeUsersTotal}/{activeUsersLimit}
                 </span>
               )}
             </Button>

client/src/components/common/Login/Content.jsx

@@ -64,10 +64,10 @@ const createMessage = (error) => {
         type: 'error',
         content: 'common.usernameAlreadyInUse',
       };
-    case 'Active user limit reached':
+    case 'Active users limit reached':
       return {
         type: 'error',
-        content: 'common.activeUserLimitReached',
+        content: 'common.activeUsersLimitReached',
       };
     case 'Failed to fetch':
       return {