Rename workflow definition editor notifications component

src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-workflow-definition-editor-notifications/elsa-workflow-editor-notifications.tsx

@@ -3,8 +3,7 @@ import {eventBus} from '../../../../services/event-bus';
 import {EventTypes, WorkflowDefinition} from "../../../../models";
 
 @Component({
-  tag: 'elsa-workflow-editor-notifications',
-  styleUrl: 'elsa-workflow-editor-notifications.css',
+  tag: 'elsa-workflow-definition-editor-notifications',
   shadow: false,
 })
 export class ElsaWorkflowEditorNotifications {
@@ -28,7 +27,7 @@ export class ElsaWorkflowEditorNotifications {
   render() {
 
     return (
-      <Host>
+      <Host class="block">
         <elsa-toast-notification ref={el => this.toastNotificationElement = el}/>
       </Host>
     );

src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-workflow-definition-editor-screen/elsa-workflow-definition-editor-screen.tsx

@@ -322,7 +322,7 @@ export class ElsaWorkflowDefinitionEditorScreen {
         <elsa-designer-tree model={this.workflowModel} class="flex-1" ref={el => this.designer = el}/>
         {this.renderWorkflowSettingsButton()}
         <elsa-workflow-settings-modal workflowDefinition={this.workflowDefinition}/>
-        <elsa-workflow-editor-notifications/>
+        <elsa-workflow-definition-editor-notifications/>
         <div class="fixed bottom-10 right-12">
           <div class="flex items-center space-x-4">
             {this.renderSavingIndicator()}

src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-workflow-editor-notifications/elsa-workflow-editor-notifications.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}