Add submit button component and style it.

frontend/src/app/pages/publication-edition/publication-edition.component.ts

@@ -2,7 +2,7 @@ import { CommonModule, Location } from '@angular/common';
 import { Component, inject, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
-import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatTabsModule } from '@angular/material/tabs';
 import { debounceTime, map, Observable, Subscription } from 'rxjs';
 import { Publication } from '../../core/rest-services/publications/model/publication';
@@ -10,11 +10,22 @@ import { PublicationEditionService } from './publication-edition.service';
 import {MatDialogModule} from '@angular/material/dialog'; 
 import { PictureSelectionDialog } from './picture-selection-dialog/picture-selection-dialog.component';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { SubmitButtonComponent } from '../../components/submit-button/submit-button.component';
 
 @Component({
   selector: 'app-publication-edition',
   standalone: true,
-  imports: [ReactiveFormsModule, MatInputModule, MatProgressSpinner, MatTabsModule, MatDialogModule, CommonModule, PictureSelectionDialog, MatTooltipModule],
+  imports: [
+    CommonModule,
+    MatDialogModule,
+    MatInputModule,
+    MatProgressSpinnerModule,
+    MatTabsModule,
+    MatTooltipModule,
+    PictureSelectionDialog,
+    ReactiveFormsModule,
+    SubmitButtonComponent
+  ],
   templateUrl: './publication-edition.component.html',
   styleUrl: './publication-edition.component.scss',
   providers: [PublicationEditionService]
@@ -38,6 +49,10 @@ export class PublicationEditionComponent implements OnInit, OnDestroy {
     return this.publicationEditionService.isLoading$;
   }
 
+  get isSaving$(): Observable<boolean> {
+    return this.publicationEditionService.isSaving$;
+  }
+
   ngOnInit(): void {
     ['title', 'description', 'text'].forEach(fieldName => {
       const fieldSubscription = this.publicationEditionForm.controls[fieldName].valueChanges
@@ -86,7 +101,7 @@ export class PublicationEditionComponent implements OnInit, OnDestroy {
   }
 
   save(): void {
-
+    this.publicationEditionService.save();
   }
 
   displayPictureSectionDialog(): void {