Add ripple everywhere.

frontend/src/app/pages/signin/signin.component.ts

@@ -7,13 +7,20 @@ import { SigninService } from './signin.service';
 import { LoginService } from '../login/login.service';
 import { FormError } from '../../core/model/FormError';
 import { SubmitButtonComponent } from "../../components/submit-button/submit-button.component";
+import { MatRippleModule } from '@angular/material/core';
 
 @Component({
   selector: 'app-signin',
   standalone: true,
-  imports: [ReactiveFormsModule, MatIconModule, RouterModule, SubmitButtonComponent],
   templateUrl: './signin.component.html',
   styleUrl: './signin.component.scss',
+  imports: [
+    MatIconModule, 
+    MatRippleModule,
+    ReactiveFormsModule, 
+    RouterModule, 
+    SubmitButtonComponent
+  ],
   providers: [SigninService, LoginService]
 })
 export class SigninComponent implements OnInit, OnDestroy {