Add ripple everywhere.

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

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