fix(kanban): disable create button when bucket limit is reached

frontend/src/components/project/views/ProjectKanban.vue

@@ -191,10 +191,12 @@
 											</div>
 											<x-button
 												v-else
+												v-tooltip="bucket.limit > 0 && bucket.count >= bucket.limit ? $t('project.kanban.bucketLimitReached') : ''"
 												class="is-fullwidth has-text-centered"
 												:shadow="false"
 												icon="plus"
 												variant="secondary"
+												:disabled="bucket.limit > 0 && bucket.count >= bucket.limit"
 												@click="toggleShowNewTaskInput(bucket.id)"
 											>
 												{{
@@ -975,4 +977,4 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 .move-card-leave-active {
 	display: none;
 }
-</style>
+</style>

frontend/src/i18n/lang/en.json

@@ -365,7 +365,8 @@
       "deleteBucketSuccess": "The bucket has been deleted successfully.",
       "bucketTitleSavedSuccess": "The bucket title has been saved successfully.",
       "bucketLimitSavedSuccess": "The bucket limit been saved successfully.",
-      "collapse": "Collapse this bucket"
+      "collapse": "Collapse this bucket",
+      "bucketLimitReached": "You have reached the bucket limit. Remove tasks or increase the limit to add new tasks."
     },
     "pseudo": {
       "favorites": {
@@ -1219,4 +1220,4 @@
       "years": "year|years"
     }
   }
-}
+}