Apply suggestions from code review

webapp/src/components/CollectionSelect.vue

@@ -130,6 +130,9 @@ export default {
       if (this.searchQuery && !/^[a-zA-Z0-9_-]+$/.test(this.searchQuery)) {
         return "ID can only contain alphanumeric characters, dashes ('-'), and underscores ('_').";
       }
+      if (/^[._-]/.test(this.searchQuery) | /[._-]$/.test(this.searchQuery)) {
+        return "ID cannot start or end with punctuation";
+      }
       if ((this.searchQuery && this.searchQuery.length < 1) || this.searchQuery.length > 40) {
         return "ID must be between 1 and 40 characters.";
       }
@@ -152,7 +155,7 @@ export default {
           }
         } catch (error) {
           console.error("Error:", error);
-          alert("An error occurred while creating the collection. Please try again.");
+          alert("An error occurred while creating the collection. Please check that your desired collection ID is valid.");
         }
       }
     },