chore: rename this package like we do in scaffolder to avoid typescript namespace clashes

Signed-off-by: blam <ben@blam.sh>

plugins/home/package.json

@@ -42,7 +42,7 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
-    "@rjsf/core": "5.6.0",
+    "@rjsf/core-v5": "npm:@rjsf/core@5.6.0",
     "@rjsf/material-ui": "5.6.0",
     "@rjsf/utils": "5.6.0",
     "@rjsf/validator-ajv8": "5.6.0",

plugins/home/src/components/CustomHomepage/WidgetSettingsOverlay.tsx

@@ -27,7 +27,8 @@ import SettingsIcon from '@material-ui/icons/Settings';
 import DeleteIcon from '@material-ui/icons/Delete';
 import React from 'react';
 import { Widget } from './types';
-import { withTheme } from '@rjsf/core';
+import { withTheme } from '@rjsf/core-v5';
+import validator from '@rjsf/validator-ajv8';
 
 const Form = withTheme(require('@rjsf/material-ui').Theme);
 
@@ -74,6 +75,7 @@ export const WidgetSettingsOverlay = (props: WidgetSettingsOverlayProps) => {
         >
           <DialogContent>
             <Form
+              validator={validator}
               showErrorList={false}
               schema={widget.settingsSchema}
               noHtml5Validate