fix: added message errors to user and channel creation

front/src/pages/CreateChannel.tsx

@@ -31,6 +31,11 @@ export default function CreateChannel() {
             <Link to="/">Home</Link>
             <h1>Create Channel</h1>
             <form onSubmit={handleSubmit}>
+                <p>
+                    {!/^[a-zA-Z0-9-_]+$/.test(name) && name.length != 0 && (
+                        <span>Channel name can only contain letters, numbers, - and _</span>
+                    )}
+                </p>
                 <input
                     type="text"
                     placeholder="Name"
@@ -43,7 +48,9 @@ export default function CreateChannel() {
                     value={description}
                     onChange={(e) => setDescription(e.target.value)}
                 />
-                <button type="submit">Create</button>
+                <button type="submit" disabled={!/^[a-zA-Z0-9-_]+$/.test(name)}>
+                    Create
+                </button>
             </form>
         </div>
     );