feat(FR-1774): Disable auto-mounted Project vfolder creation (#4798)

Resolves #4797 ([FR-1774](https://lablup.atlassian.net/browse/FR-1774))

## Summary

- Replace Ant Design `Button` with `BAIButton` components from backend.ai-ui
- Add real-time form validation to dynamically enable/disable the submit button based on form validity
- Improve validation logic to prevent auto-mount folders from being created as project folders
- Add new i18n translation key `ChangeTheVFolderTypeToCreateAutoMountFolder` across all 21 language files
- Remove deprecated i18n key and add proper async handling for form submission

## Test plan

- [ ] Verify folder creation modal opens correctly
- [ ] Confirm submit button is disabled when form is invalid
- [ ] Test auto-mount folder type selection - should not allow "Project" type
- [ ] Verify error message displays when attempting to create auto-mount folder as project folder
- [ ] Test form reset button functionality
- [ ] Confirm loading state displays during folder creation

[FR-1774]: https://lablup.atlassian.net/browse/FR-1774?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: ironAiken2

react/src/components/FolderCreateModal.tsx

@@ -8,7 +8,6 @@ import QuestionIconWithTooltip from './QuestionIconWithTooltip';
 import StorageSelect from './StorageSelect';
 import {
   App,
-  Button,
   Divider,
   Form,
   Input,
@@ -21,6 +20,7 @@ import {
 import { createStyles } from 'antd-style';
 import { FormInstance } from 'antd/lib';
 import {
+  BAIButton,
   BAIFlex,
   BAIModal,
   BAIModalProps,
@@ -153,15 +153,15 @@ const FolderCreateModal: React.FC<FolderCreateModalProps> = ({
     cloneable: false,
   };
 
-  const handleOk = () => {
-    formRef.current
+  const handleOk = async () => {
+    await formRef.current
       ?.validateFields()
       .then((values) => {
         const input = {
           ...values,
           group: values.type === 'user' ? null : values.group,
         };
-        mutationToCreateFolder.mutate(input, {
+        return mutationToCreateFolder.mutateAsync(input, {
           onSuccess: (result) => {
             upsertNotification({
               key: `folder-create-success-${result.id}`,
@@ -198,36 +198,35 @@ const FolderCreateModal: React.FC<FolderCreateModalProps> = ({
       title={t('data.CreateANewStorageFolder')}
       footer={
         <BAIFlex justify="between">
-          <Button
+          <BAIButton
             danger
             onClick={() => {
               formRef.current?.resetFields();
             }}
           >
             {t('button.Reset')}
-          </Button>
+          </BAIButton>
           <BAIFlex gap={token.marginSM}>
-            <Button
+            <BAIButton
               onClick={() => {
                 onRequestClose();
               }}
             >
               {t('button.Cancel')}
-            </Button>
-            <Button
+            </BAIButton>
+            <BAIButton
               type="primary"
               data-testid="create-folder-button"
-              onClick={() => {
-                handleOk();
+              action={async () => {
+                await handleOk();
               }}
             >
               {t('data.Create')}
-            </Button>
+            </BAIButton>
           </BAIFlex>
         </BAIFlex>
       }
       width={MODAL_WIDTH}
-      okButtonProps={{ loading: mutationToCreateFolder.isPending }}
       onCancel={() => {
         onRequestClose();
       }}
@@ -335,8 +334,9 @@ const FolderCreateModal: React.FC<FolderCreateModalProps> = ({
           {({ getFieldValue }) => {
             const usageMode = getFieldValue('usage_mode');
             const shouldDisableProject =
-              usageMode === 'model' &&
-              currentProject?.name !== MODEL_STORE_PROJECT_NAME;
+              (usageMode === 'model' &&
+                currentProject?.name !== MODEL_STORE_PROJECT_NAME) ||
+              usageMode === 'automount';
 
             return (
               <Form.Item
@@ -348,21 +348,32 @@ const FolderCreateModal: React.FC<FolderCreateModalProps> = ({
                   ({ getFieldValue }) => ({
                     validator(__, value) {
                       const currentUsageMode = getFieldValue('usage_mode');
-                      const isInvalid =
+                      const isInvalidModelProjectFolder =
                         value === 'project' &&
                         currentUsageMode === 'model' &&
                         currentProject?.name !== MODEL_STORE_PROJECT_NAME;
+                      const isInvalidAutoMountFolder =
+                        value === 'project' && currentUsageMode === 'automount';
 
-                      if (isInvalid) {
+                      if (isInvalidModelProjectFolder) {
+                        return Promise.reject(
+                          new Error(
+                            t(
+                              'data.folders.CreateModelFolderOnlyInExclusiveProject',
+                            ),
+                          ),
+                        );
+                      } else if (isInvalidAutoMountFolder) {
                         return Promise.reject(
                           new Error(
                             t(
-                              'data.folders.ChangeTheCurrentProjectToModelStoreOrSelectUserType',
+                              'data.folders.ChangeTheVFolderTypeToCreateAutoMountFolder',
                             ),
                           ),
                         );
+                      } else {
+                        return Promise.resolve();
                       }
-                      return Promise.resolve();
                     },
                   }),
                   {
@@ -404,9 +415,13 @@ const FolderCreateModal: React.FC<FolderCreateModalProps> = ({
                       <Tooltip
                         title={
                           shouldDisableProject
-                            ? t(
-                                'data.folders.CreateModelFolderOnlyInExclusiveProject',
-                              )
+                            ? usageMode === 'model'
+                              ? t(
+                                  'data.folders.CreateModelFolderOnlyInExclusiveProject',
+                                )
+                              : t(
+                                  'data.folders.ChangeTheVFolderTypeToCreateAutoMountFolder',
+                                )
                             : undefined
                         }
                       >

resources/i18n/de.json

@@ -358,7 +358,7 @@
       "CannotDeleteFolder": "Der in einer oder mehreren Sitzungen bereitgestellte Ordner kann nicht gelöscht werden. Bitte beenden Sie zuerst die Sitzung.",
       "CannotDeletePipelineFolder": "Sie können Pipeline -Ordner nicht löschen.",
       "CannotRestorePipelineFolder": "Sie können Pipeline -Ordner nicht wiederherstellen.",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "Modellprojektordner können nur in Model Store -Exclusive -Projekten erstellt werden. \nÄndern Sie das aktuelle Projekt- oder Benutzertyp.",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "Der automatisch eingebundene Ordner kann nicht als Projektordner angelegt werden.",
       "CloneAFolder": "Einen Ordner klonen",
       "CloneFolder": "Ordner klonen",
       "Cloneable": "klonbar",

resources/i18n/el.json

@@ -356,7 +356,7 @@
       "CannotDeleteFolder": "Δεν είναι δυνατή η διαγραφή του φακέλου που είναι τοποθετημένος σε μία ή περισσότερες περιόδους σύνδεσης. Κλείστε πρώτα τη συνεδρία.",
       "CannotDeletePipelineFolder": "Δεν μπορείτε να διαγράψετε τους φακέλους αγωγών.",
       "CannotRestorePipelineFolder": "Δεν μπορείτε να επαναφέρετε τους φακέλους αγωγών.",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "Οι φακέλοι έργων μοντέλων μπορούν να δημιουργηθούν μόνο σε αποκλειστικά έργα Model Store. \nΑλλάξτε το τρέχον έργο ή τον τύπο χρήστη.",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "Δεν είναι δυνατή η δημιουργία του φακέλου αυτόματης προσάρτησης ως φακέλου του έργου.",
       "CloneAFolder": "Κλωνοποίηση φακέλου",
       "CloneFolder": "Φάκελος κλωνοποίησης",
       "Cloneable": "Κλωνοποιήσιμο",

resources/i18n/en.json

@@ -361,7 +361,7 @@
       "CannotDeleteFolder": "Cannot delete folder mounted in one or more sessions. Please terminate the session first.",
       "CannotDeletePipelineFolder": "You can't delete pipeline folders.",
       "CannotRestorePipelineFolder": "You can't restore pipeline folders.",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "Model project folders can only be created in model store–exclusive projects. Change the current project or user type.",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "Unable to create the auto-mount folder as a project folder.",
       "CloneAFolder": "Clone folder",
       "CloneFolder": "Clone folder",
       "Cloneable": "Cloneable",

resources/i18n/es.json

@@ -358,7 +358,7 @@
       "CannotDeleteFolder": "No se puede eliminar la carpeta montada en una o más sesiones. Por favor, termine la sesión primero.",
       "CannotDeletePipelineFolder": "No puede eliminar las carpetas de tuberías.",
       "CannotRestorePipelineFolder": "No puedes restaurar las carpetas de tuberías.",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "Las carpetas de proyectos modelo solo se pueden crear en proyectos exclusivos de Model Store. \nCambie el proyecto o tipo de usuario actual.",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "No se puede crear la carpeta de montaje automática como carpeta del proyecto.",
       "CloneAFolder": "Clonar una carpeta",
       "CloneFolder": "Clonar carpeta",
       "Cloneable": "Clonable",

resources/i18n/fi.json

@@ -358,7 +358,7 @@
       "CannotDeleteFolder": "Yhdessä tai useammassa istunnossa asennettua kansiota ei voi poistaa. Lopeta istunto ensin.",
       "CannotDeletePipelineFolder": "Et voi poistaa putkilinjan kansioita.",
       "CannotRestorePipelineFolder": "Putkilinjan kansiot eivät voi palauttaa.",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "Malliprojektin kansiot voidaan luoda vain Model Store - Exclusive -projekteihin. \nVaihda nykyinen projekti tai käyttäjätyyppi.",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "Automaattisesti liitettävää kansiota ei voi luoda projektikansioksi.",
       "CloneAFolder": "Kloonaa kansio",
       "CloneFolder": "Kloonattu kansio",
       "Cloneable": "Kloonattavissa",

resources/i18n/fr.json

@@ -358,7 +358,7 @@
       "CannotDeleteFolder": "Impossible de supprimer le dossier monté dans une ou plusieurs sessions. Veuillez d'abord terminer la session.",
       "CannotDeletePipelineFolder": "Vous ne pouvez pas supprimer les dossiers du pipeline.",
       "CannotRestorePipelineFolder": "Vous ne pouvez pas restaurer les dossiers du pipeline.",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "Les dossiers de projets modèles ne peuvent être créés que dans des projets exclusifs en magasin de modèles. \nModifiez le projet ou le type d'utilisateur actuel.",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "Impossible de créer le dossier de montage automatique en tant que dossier de projet.",
       "CloneAFolder": "Cloner un dossier",
       "CloneFolder": "Cloner un dossier",
       "Cloneable": "Clonable",

resources/i18n/id.json

@@ -357,7 +357,7 @@
       "CannotDeleteFolder": "Tidak dapat menghapus folder yang dipasang di satu atau beberapa sesi. Mohon hentikan sesi terlebih dahulu.",
       "CannotDeletePipelineFolder": "Anda tidak dapat menghapus folder pipa.",
       "CannotRestorePipelineFolder": "Anda tidak dapat mengembalikan folder pipa.",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "Folder Proyek Model hanya dapat dibuat di proyek Model Store -Eksklusif. \nUbah proyek atau jenis pengguna saat ini.",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "Tidak dapat membuat folder mount otomatis sebagai folder proyek.",
       "CloneAFolder": "Klon folder",
       "CloneFolder": "Folder klon",
       "Cloneable": "Dapat diklon",

resources/i18n/it.json

@@ -357,7 +357,7 @@
       "CannotDeleteFolder": "Impossibile eliminare la cartella montata in una o più sessioni. Si prega di terminare prima la sessione.",
       "CannotDeletePipelineFolder": "Non puoi eliminare le cartelle della pipeline.",
       "CannotRestorePipelineFolder": "Non puoi ripristinare le cartelle della pipeline.",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "Le cartelle del progetto di modello possono essere create solo in progetti esclusivi del negozio di modelli. \nModificare il progetto corrente o il tipo di utente.",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "Impossibile creare la cartella di montaggio automatica come cartella del progetto.",
       "CloneAFolder": "Clonare una cartella",
       "CloneFolder": "Clona la cartella",
       "Cloneable": "Clonabile",

resources/i18n/ja.json

@@ -357,7 +357,7 @@
       "CannotDeleteFolder": "1つ以上のセッションでマウントされたフォルダを削除できません。最初にセッションを終了してください。",
       "CannotDeletePipelineFolder": "パイプラインフォルダーを削除することはできません。",
       "CannotRestorePipelineFolder": "パイプラインフォルダーを復元することはできません。",
-      "ChangeTheCurrentProjectToModelStoreOrSelectUserType": "モデルプロジェクトフォルダーは、モデルストアと独占プロジェクトでのみ作成できます。\n現在のプロジェクトまたはユーザータイプを変更します。",
+      "ChangeTheVFolderTypeToCreateAutoMountFolder": "自動マウントフォルダをプロジェクトフォルダとして作成できません。",
       "CloneAFolder": "フォルダのクローンを作成する",
       "CloneFolder": "フォルダクローン",
       "Cloneable": "クローン可能",