refactor(web): update to react 18 and other deps (#285)

* Started refactoring codebase for React 18.

* Migrated to react-router v6 fully

* Removed useless test setup along with relevant packages.

* Removed leftover console.log statement

* feat: use status forbidden for onboarding

* refactor(web): use react hook form on login

* fix: comply with r18 shenanigans

* chore: update packages

web/src/components/inputs/common.tsx

@@ -6,11 +6,13 @@ interface ErrorFieldProps {
 }
 
 const ErrorField = ({ name, classNames }: ErrorFieldProps) => (
-  <Field name={name} subscribe={{ touched: true, error: true }}>
-    {({ meta: { touched, error } }: FieldProps) =>
-      touched && error ? <span className={classNames}>{error}</span> : null
-    }
-  </Field>
+  <div>
+    <Field name={name} subscribe={{ touched: true, error: true }}>
+      {({ meta: { touched, error } }: FieldProps) =>
+        touched && error ? <span className={classNames}>{error}</span> : null
+      }
+    </Field>
+  </div>
 );
 
 interface CheckboxFieldProps {
@@ -26,7 +28,7 @@ const CheckboxField = ({
 }: CheckboxFieldProps) => (
   <div className="relative flex items-start">
     <div className="flex items-center h-5">
-      <Field  
+      <Field
         id={name}
         name={name}
         type="checkbox"