Consolidate Modal Forms

[navn-r]

Currently all modals except the calculator page use this custom hook for setting, clearing modal data. The hook doesn't have in built validation, so that is handled in the specific modal components. The general Modal component requires a tonne of functions to be passed as props for onSuccess and onDismiss. The current implementation can be more streamline.

export interface IModalProps {
  showModal?: boolean;
  onSuccess: (...args: any[]) => void; // eslint-disable-line @typescript-eslint/no-explicit-any
  onDismiss: (...args: any[]) => void; // eslint-disable-line @typescript-eslint/no-explicit-any
  title?: string;
  partial?: boolean;
  showSuccess?: boolean;
  cssClass?: string;
  children?: React.ReactNode;
}

Need to investigate good way to consolidate forms in React, with better validation and pre-population. Try https://formik.org/ and https://github.com/jquense/yup