Revise PR based on coderabbit, greptile review

frontend/src/pages/ssh/SshHostsPage/components/SshHostGroupModal.tsx

@@ -34,7 +34,7 @@ type Props = {
 
 const schema = z
   .object({
-    name: z.string().trim(),
+    name: z.string().trim().min(1).max(64),
     loginMappings: z
       .object({
         loginUser: z.string().trim().min(1),

frontend/src/pages/ssh/SshHostsPage/components/SshHostGroupsSection.tsx

@@ -56,11 +56,14 @@ export const SshHostGroupsSection = () => {
     <div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
       <div className="mb-4 flex justify-between">
         <p className="text-xl font-semibold text-mineshaft-100">Host Groups</p>
-        <ProjectPermissionCan I={ProjectPermissionActions.Create} a={ProjectPermissionSub.SshHosts}>
+        <ProjectPermissionCan
+          I={ProjectPermissionActions.Create}
+          a={ProjectPermissionSub.SshHostGroups}
+        >
           {(isAllowed) => (
             <Button
               colorSchema="primary"
-              type="submit"
+              type="button"
               leftIcon={<FontAwesomeIcon icon={faPlus} />}
               onClick={() => handleAddSshHostGroupModal()}
               isDisabled={!isAllowed}

frontend/src/pages/ssh/SshHostsPage/components/SshHostGroupsTable.tsx

@@ -120,7 +120,7 @@ export const SshHostGroupsTable = ({ handlePopUpOpen }: Props) => {
                           </ProjectPermissionCan>
                           <ProjectPermissionCan
                             I={ProjectPermissionActions.Delete}
-                            a={ProjectPermissionSub.SshHosts}
+                            a={ProjectPermissionSub.SshHostGroups}
                           >
                             {(isAllowed) => (
                               <DropdownMenuItem