Squashed commit of the following:

commit 605c115d48
Author: cyril.tsui <[email protected]>
Date:   Fri Nov 10 16:33:40 2023 +0800

    update

commit 4ac2c96127
Merge: d89d1be 3dbd0b3
Author: Jason <[email protected]>
Date:   Fri Nov 10 16:16:27 2023 +0800

    Merge branch 'master' of https://git.2fi-solutions.com/alex/PNSPS-frontend-MaterialUI

commit d89d1be964
Author: Jason <[email protected]>
Date:   Fri Nov 10 16:16:25 2023 +0800

    update

commit 3dbd0b30dc
Author: cyril.tsui <[email protected]>
Date:   Fri Nov 10 16:15:39 2023 +0800

    update

commit d6fca0218a
Author: cyril.tsui <[email protected]>
Date:   Fri Nov 10 15:42:38 2023 +0800

    update

src/pages/Proof/Create_FromApp/ProofForm.js

@@ -10,6 +10,7 @@ import {
     FormLabel,
     Button
 } from '@mui/material';
+
 import * as UrlUtils from "utils/ApiPathConst";
 import * as HttpUtils from "utils/HttpUtils";
 import MainCard from "components/MainCard";
@@ -20,8 +21,6 @@ import { useNavigate } from "react-router-dom";
 import Loadable from 'components/Loadable';
 import { notifySaveSuccess } from 'utils/CommonFunction';
 const UploadFileTable = Loadable(React.lazy(() => import('./UploadFileTable')));
-// ==============================|| DASHBOARD - DEFAULT ||============================== //
-
 
 const FormPanel = ({ formData }) => {
 
@@ -239,9 +238,12 @@ const FormPanel = ({ formData }) => {
                                         size="small"
                                         type="text"
                                         onChange={(event) => {
-                                            const value = event.target.value;
-                                            formik.setFieldValue("length", value);
-                                            formik.setFieldValue("fee", 6552 * value);
+                                            const re = /^[0-9\b]+$/;
+                                            if (event.target.value === '' || re.test(event.target.value)) {
+                                                const value = event.target.value;
+                                                formik.setFieldValue("length", value);
+                                                formik.setFieldValue("fee", 6552 * value);
+                                            }
                                         }}
                                         name="noOfPages"
                                         value={formik.values["noOfPages"]}
@@ -275,9 +277,13 @@ const FormPanel = ({ formData }) => {
                                         size="small"
                                         type="text"
                                         onChange={(event) => {
-                                            const value = event.target.value;
-                                            formik.setFieldValue("length", value);
-                                            formik.setFieldValue("fee", columnPrice.value * value);
+                                            const re = /^[0-9\b]+$/;
+                                            if (event.target.value === '' || re.test(event.target.value)) {
+                                                const value = event.target.value;
+                                                formik.setFieldValue("length", value);
+                                                formik.setFieldValue("fee", columnPrice.value * value);
+                                            }
+                                            
                                         }}
                                         name="length"
                                         value={formik.values["length"]}