[dashboard] change dashboard view

src/app/dashboard/dashboard.component.scss

@@ -74,16 +74,41 @@ main {
   display: flex;
   justify-content: space-around;
   width: 100%;
-  max-width: 700px;
   margin-bottom: 3rem;
 }
+.content .left {
+  display: flex;
+  width: 20%;
+  flex-direction: column;
+  align-items: center;
+}
 
-.content h1 {
-  margin-top: 1.75rem;
+.content .center {
+  flex-grow: 1;
 }
 
-.content p {
-  margin-top: 1.5rem;
+.content .center .login {
+  max-width: 400px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.content .header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+.content .center .segment {
+  mat-divider {
+    margin-bottom: 1rem;
+  }
+}
+
+.content .right {
+  width: 20%;
 }
 
 .divider {
@@ -157,12 +182,6 @@ main {
   fill: var(--gray-900);
 }
 
-.left-side {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
 #site-logo {
   max-width: 280px;
   pointer-events: none;

src/app/dashboard/dashboard.component.ts

@@ -11,17 +11,24 @@ import { LabelModule } from 'angularlib/labels/label.module';
 import { masterMenu } from '../menu/menu';
 import { InputModule } from 'angularlib/input/input.module';
 import { EventI } from 'fis-commons/event/event';
+import { DashboardItemComponent } from 'angularlib/dashboard/dashboard-item/dashboard-item.component';
+import { LeaveModule } from 'fis/leave';
+import { MatDivider } from "@angular/material/divider";
+import { MatModule } from 'angularlib/mat.module';
 
 @Component({
     selector: 'app-dashboard',
     imports: [
-        CommonModule,
-        RouterModule,
-        LoginModule,
-        LabelModule,
-        MasterMenuComponent,
-        InputModule
-    ],
+    CommonModule,
+    RouterModule,
+    MatModule,
+    LoginModule,
+    LabelModule,
+    MasterMenuComponent,
+    InputModule,
+    LeaveModule,
+    MatDivider
+],
     providers: [ComponentService],
     templateUrl: './dashboard.component.html',
     styleUrl: './dashboard.component.scss'