Add ripple everywhere.

frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.html

@@ -1,10 +1,10 @@
 <h1>{{title}}</h1>
 <h2>{{description}}</h2>
 <footer>
-    <button type="button" class="secondary" (click)="closeDialog()" i18n>
+    <button type="button" class="cod-btn secondary" (click)="closeDialog()" matRipple i18n>
         No
     </button>
-    <button type="button" (click)="closeAndValidate()" i18n>
+    <button type="button" class="cod-btn" (click)="closeAndValidate()" matRipple i18n>
         Yes
     </button>
 </footer>

frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.scss

@@ -8,32 +8,5 @@
         display: flex;
         flex-direction: row;
         justify-content: space-between;
-
-        button {
-            padding: .8em 1.2em;
-            border-radius: 10em;
-            border: none;
-            background-color: #3f51b5;
-            color: white;
-            transition: background-color .2s ease-in-out;
-            cursor: pointer;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        
-            &:hover {
-                background-color: #5b6ed8;
-            }
-        
-            &.secondary {
-                color: #3f51b5;
-                background-color: white;
-        
-                &:hover {
-                    background-color: #f2f4ff;
-                    cursor: pointer;
-                }
-            }
-        }
     }
 }

frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.ts

@@ -1,4 +1,5 @@
 import { Component, inject, Input } from "@angular/core";
+import { MatRippleModule } from "@angular/material/core";
 import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";
 
 export interface ConfirmationDialogData {
@@ -11,7 +12,7 @@ export interface ConfirmationDialogData {
     standalone: true,
     templateUrl: './confirmation-dialog.component.html',
     styleUrl: './confirmation-dialog.component.scss',
-    imports: []
+    imports: [MatRippleModule]
 })
 export class ConfirmationDialog {
     private readonly dialogRef = inject(MatDialogRef<ConfirmationDialog>);