fix: Change user settings backend pluginId and fix using user setting backend home page first edit loop render

Signed-off-by: rui ma <ruima@alauda.io>

.changeset/dull-rings-melt.md

@@ -0,0 +1,6 @@
+---
+'@backstage/plugin-user-settings-backend': patch
+'@backstage/plugin-home': patch
+---
+
+Change user settings backend plugin id and fix when using user setting backend home page first will cause edit page loop render

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

@@ -206,10 +206,11 @@ export const CustomHomepageGrid = (props: CustomHomepageGridProps) => {
     availableWidgetsFilter,
     [props],
   );
-
-  const defaultLayout = props.config
-    ? convertConfigToDefaultWidgets(props.config, availableWidgets)
-    : [];
+  const defaultLayout = useMemo(() => {
+    return props.config
+      ? convertConfigToDefaultWidgets(props.config, availableWidgets)
+      : [];
+  }, [props.config, availableWidgets]);
   const [widgets, setWidgets] = useHomeStorage(defaultLayout);
   const [addWidgetDialogOpen, setAddWidgetDialogOpen] = React.useState(false);
   const editModeOn = widgets.find(w => w.layout.isResizable) !== undefined;

plugins/user-settings-backend/src/alpha.ts

@@ -26,7 +26,7 @@ import { createRouter } from './service/router';
  * @alpha
  */
 export default createBackendPlugin({
-  pluginId: 'userSettings',
+  pluginId: 'user-settings',
   register(env) {
     env.registerInit({
       deps: {