add form validation to prevent empty input

src/pages/settings/user/manage-position/blocks/AddDialog.tsx

@@ -83,6 +83,12 @@ const AddDialog = () => {
   const doCreatePosition = useCallback(
     async (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
+
+      if (formField.name.trim() === '') {
+        setAlert({ show: true, message: 'Please fill in all required fields.' });
+        return;
+      }
+
       const response = await PostData(`${API_URL}/user_role/create`, {
         name: formField.name,
         roles: selectMenus,