fix: handle project name length in frontend

packages/nc-gui/components/CreateOrEditProject.vue

@@ -89,7 +89,7 @@
                       ref="name"
                       v-model="project.title"
                       v-ge="['project', 'name']"
-                      :rules="form.titleRequiredRule"
+                      :rules="form.titleValidationRule"
                       :height="20"
                       :label="$t('placeholder.projName')"
                       autofocus
@@ -963,7 +963,10 @@ export default {
       /** ************** START : form related ****************/
       form: {
         portValidationRule: [v => /^\d+$/.test(v) || 'Not a valid port'],
-        titleRequiredRule: [v => !!v || 'Title is required'],
+        titleValidationRule: [
+          v => !!v || 'Title is required',
+          v => v.length <= 50 || 'Project name exceeds 50 characters',
+        ],
         requiredRule: [v => !!v || 'Field is required'],
         folderRequiredRule: [v => !!v || 'Folder path is required']
       },

packages/nc-gui/pages/project/id.vue

@@ -84,7 +84,7 @@
                   <v-text-field
                     v-model="project.title"
                     v-ge="['project','name']"
-                    :rules="form.titleRequiredRule"
+                    :rules="form.titleValidationRule"
                     :height="20"
                     label="Enter Project Name"
                     autofocus
@@ -650,7 +650,10 @@ export default {
       /** ************** START : form related ****************/
       form: {
         portValidationRule: [v => /^\d+$/.test(v) || 'Not a valid port'],
-        titleRequiredRule: [v => !!v || 'Title is required'],
+        titleValidationRule: [
+          v => !!v || 'Title is required',
+          v => v.length <= 50 || 'Project name exceeds 50 characters',
+        ],
         requiredRule: [v => !!v || 'Field is required'],
         folderRequiredRule: [v => !!v || 'Folder path is required']
       },

packages/nc-gui/pages/project/xcdb.vue

@@ -39,7 +39,7 @@
               :full-width="false"
               class="nc-metadb-project-name"
               :label="$t('placeholder.projName')"
-              :rules="[v => !!v || $t('general.required')]"
+              :rules="form.titleValidationRule"
             />
 
             <!--            <div class="wrapper mb-5 mt-5">
@@ -109,7 +109,13 @@ export default {
            icon: require('@/assets/img/grpc-icon-color.png'),
            type: 'img'
          }, */
-    ]
+    ],
+    form: {
+      titleValidationRule: [
+        v => !!v || 'Title is required',
+        v => v.length <= 50 || 'Project name exceeds 50 characters',
+      ],
+    },
   }),
   computed: {
     typeIcon() {