feat: updating name for default swappable refs

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

packages/frontend-plugin-api/src/components/DefaultSwappableComponents.tsx

@@ -25,7 +25,7 @@ import { createSwappableComponent } from './createSwappableComponent';
  * @public
  */
 export const Progress = createSwappableComponent<ProgressProps>({
-  id: 'core.components.progress',
+  id: 'core-progress',
 });
 
 /**
@@ -33,14 +33,14 @@ export const Progress = createSwappableComponent<ProgressProps>({
  */
 export const NotFoundErrorPage =
   createSwappableComponent<NotFoundErrorPageProps>({
-    id: 'core.components.notFoundErrorPage',
+    id: 'core-not-found-error-page',
   });
 
 /**
  * @public
  */
 export const ErrorDisplay = createSwappableComponent<ErrorDisplayProps>({
-  id: 'core.components.errorDisplay',
+  id: 'core-error-display',
   loader: () => props =>
-    <div data-testid="core.components.errorDisplay">{props.error.message}</div>,
+    <div data-testid="core-error-display">{props.error.message}</div>,
 });