🐛 fix: user feedback for empty/long group names in create/edit group modals

[ramu-narasinga]

💻 变更类型 | Change Type

• ✨ feat
• 🐛 fix
• ♻️ refactor
• 💄 style
• 👷 build
• ⚡️ perf
• 📝 docs
• 🔨 chore

🔀 变更说明 | Description of Change

To show an alert when the user submits an empty or long group name in Create Group and Rename Group Modals.

📝 补充信息 | Additional Information

1. Removed the below if block in CreateModal

 onOk={async (e: MouseEvent<HTMLButtonElement>) => {
            if (!input) return;

To allow the input length check that shows an alert if the title does not meet the criteria.

2. Removed the below if block in RenameGroupModal

 onOk={async (e: MouseEvent<HTMLButtonElement>) => {
            if (!input) return;

To allow the input length check that shows an alert if the title does not meet the criteria.

2.1 And this forced to ensure types are valid for input state variable, as a result input state is initialized to '' (empty string - following the same convention in CreateGroupModal)

const [input, setInput] = useState<string>('');

2.2 Added fallback to empty string in the onCancel, in case the group.name is empty.

onCancel={(e) => {
        setInput(group?.name ?? '');
        onCancel?.(e);
      }}

[vercel]

@ramn11 is attempting to deploy a commit to the LobeHub Team on Vercel.

A member of the Team first needs to authorize it.

[lobehubbot]

👍 @ramn11

Thank you for raising your pull request and contributing to our Community
Please make sure you have followed our contributing guidelines. We will review it as soon as possible.
If you encounter any problems, please feel free to connect with us.
非常感谢您提出拉取请求并为我们的社区做出贡献，请确保您已经遵循了我们的贡献指南，我们会尽快审查它。
如果您遇到任何问题，请随时与我们联系。