fix: added org validation

Author: juliankepka

src/components/OrgForm.tsx

@@ -1,6 +1,12 @@
 import type { FunctionComponent } from "react";
 import Section from "./common/Section";
-import { FormControl, FormField, FormItem, FormLabel } from "./ui/form";
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "./ui/form";
 import { Input } from "./ui/input";
 
 interface OrgFormProps {
@@ -18,12 +24,18 @@ export const OrgForm: FunctionComponent<OrgFormProps> = ({
     <div className="mt-6">
       <FormField
         name="name"
+        rules={{
+          validate: (value) =>
+            /[a-z0-9]/i.test(value ?? "") ||
+            "The name must contain at least one letter or number.",
+        }}
         render={({ field }) => (
           <FormItem>
             <FormLabel>Organization name*</FormLabel>
             <FormControl>
               <Input data-testid="org-name-label" {...field} />
             </FormControl>
+            <FormMessage />
           </FormItem>
         )}
       />