Make appeal form centered and create landing page

frontend/src/app/pages/forms/appeal/appeal.component.html

@@ -7,12 +7,14 @@
   </app-header>
   <main>
     <section class="darkmodeSection appeal-container">
-      <section class="columnSection">
+      <section class="formPage">
-        <div class="columnContainer">
+        <img ngSrc="/public/img/logos/logo.png" alt="Discord" height="319" width="550"/>
-          <div class="columnParagraph">
+        <h1>Punishment Appeal</h1>
-            <p>hi</p>
+        <p>We aim to respond within 48 hours.</p>
-          </div>
+        <button mat-raised-button>
-        </div>
+          <mat-icon>send</mat-icon>
+          Minecraft Appeal
+        </button>
       </section>
     </section>
   </main>

frontend/src/app/pages/forms/appeal/appeal.component.scss

@@ -14,3 +14,11 @@ main {
   flex-direction: column;
   overflow-y: auto;
 }
+
+.formPage {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  margin: auto;
+}

frontend/src/app/pages/forms/appeal/appeal.component.ts

@@ -2,11 +2,17 @@ import {AfterViewInit, Component, ElementRef, OnInit, Renderer2} from '@angular/
 import {FormControl, FormGroup, Validators} from '@angular/forms';
 import {AppealsService, MinecraftAppeal} from '@api';
 import {HeaderComponent} from '@header/header.component';
+import {NgOptimizedImage} from '@angular/common';
+import {MatButtonModule} from '@angular/material/button';
+import {MatIconModule} from '@angular/material/icon';
 
 @Component({
   selector: 'app-appeal',
   imports: [
-    HeaderComponent
+    HeaderComponent,
+    NgOptimizedImage,
+    MatButtonModule,
+    MatIconModule
   ],
   templateUrl: './appeal.component.html',
   styleUrl: './appeal.component.scss'