Add Privacy Policy related improvements

various thing to make sure we're GDPR, et al compliant

web/src/components/SubjectAccessRequestForm/SubjectAccessRequestForm.js

@@ -0,0 +1,83 @@
+import {
+  Form,
+  FormError,
+  FieldError,
+  Label,
+  TextField,
+  Submit,
+} from '@redwoodjs/forms'
+
+const SubjectAccessRequestForm = (props) => {
+  const onSubmit = (data) => {
+    props.onSave(data, props?.subjectAccessRequest?.id)
+  }
+
+  return (
+    <div className="rw-form-wrapper">
+      <Form onSubmit={onSubmit} error={props.error}>
+        <FormError
+          error={props.error}
+          wrapperClassName="rw-form-error-wrapper"
+          titleClassName="rw-form-error-title"
+          listClassName="rw-form-error-list"
+        />
+
+        <Label
+          name="comment"
+          className="rw-label"
+          errorClassName="rw-label rw-label-error"
+        >
+          Comment
+        </Label>
+        <TextField
+          name="comment"
+          defaultValue={props.subjectAccessRequest?.comment}
+          className="rw-input"
+          errorClassName="rw-input rw-input-error"
+          validation={{ required: true }}
+        />
+        <FieldError name="comment" className="rw-field-error" />
+
+        <Label
+          name="payload"
+          className="rw-label"
+          errorClassName="rw-label rw-label-error"
+        >
+          Payload
+        </Label>
+        <TextField
+          name="payload"
+          defaultValue={props.subjectAccessRequest?.payload}
+          className="rw-input"
+          errorClassName="rw-input rw-input-error"
+          validation={{ required: true }}
+        />
+        <FieldError name="payload" className="rw-field-error" />
+
+        <Label
+          name="userId"
+          className="rw-label"
+          errorClassName="rw-label rw-label-error"
+        >
+          User id
+        </Label>
+        <TextField
+          name="userId"
+          defaultValue={props.subjectAccessRequest?.userId}
+          className="rw-input"
+          errorClassName="rw-input rw-input-error"
+          validation={{ required: true }}
+        />
+        <FieldError name="userId" className="rw-field-error" />
+
+        <div className="rw-button-group">
+          <Submit disabled={props.loading} className="rw-button rw-button-blue">
+            Save
+          </Submit>
+        </div>
+      </Form>
+    </div>
+  )
+}
+
+export default SubjectAccessRequestForm