Migrate angular components

Frontend/src/app/components/login-page/login-page.component.scss

@@ -25,11 +25,6 @@
     height: 250px;
     opacity: 0.6;
   }
-
-/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
-mat-card-content {
-    width: 90%;
-}
 mat-form-field {
     width: 100%;
 }

Frontend/src/app/main-view/main-view.component.scss

@@ -38,9 +38,6 @@ h1.topbar-app-name {
 mat-sidenav {
   width: 200px;
 }
-mat-card.app-card {
-  margin: 5px;
-}
 .list-container {
   display: flex;
   flex-direction: column;
@@ -66,7 +63,7 @@ mat-card.app-card {
   min-height: 50px;
   padding: 4px 12px 0;
 }
-.mat-form-field {
+.mat-mdc-form-field {
   font-size: 14px;
   width: 100%;
 }
@@ -179,7 +176,7 @@ a:visited {
   background-color: rgba(100, 100, 100, 0.3);
 }
 
-.mat-dialog-container {
+.mat-mdc-dialog-container {
   padding: 0px !important;
 }
 
@@ -219,7 +216,7 @@ a:visited {
   background: #9ad284;
 }
 
-::ng-deep .mat-simple-snackbar {
+::ng-deep .mat-mdc-simple-snack-bar {
   color: #000;
 }