Implemented Reports Screen and some Icon details

ac_web/lib/Pages/ReportDetails.dart

@@ -1,6 +1,6 @@
-import 'package:ac_web/Api/Dtos/EReportType.dart';
 import 'package:ac_web/Api/Dtos/ReportDto.dart';
 import 'package:ac_web/Widgets/MarkdownText.dart';
+import 'package:ac_web/Widgets/ReportTypeIcons.dart';
 import 'package:flutter/material.dart';
 
 /// Page that shows every detail of a single report, including the full text.
@@ -25,9 +25,13 @@ class ReportDetails extends StatelessWidget{
           spacing: 12,
           children: [
             Row(
-              spacing: 8,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              spacing: 16,
               children: [
-                Icon(_iconOf(report.type)),
+                CircleAvatar(
+                  backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+                  child: Icon(report.type.icon, color: Theme.of(context).colorScheme.onSurface),
+                ),
                 Expanded(
                   child: Text(
                     report.title.isEmpty ? "Untitled Report" : report.title,
@@ -79,22 +83,6 @@ class ReportDetails extends StatelessWidget{
     return "${timestamp.day}. ${_monthNames[timestamp.month - 1]} ${timestamp.year}, $hour:$minute";
   }
 
-  static IconData _iconOf(EReportType type) {
-    switch(type){
-      case EReportType.log:
-        return Icons.receipt_long;
-      case EReportType.codeReview:
-        return Icons.code;
-      case EReportType.projectPlan:
-        return Icons.assignment;
-      case EReportType.research:
-        return Icons.science;
-      case EReportType.newspaper:
-        return Icons.newspaper;
-      case EReportType.unknown:
-        return Icons.question_mark;
-    }
-  }
 
   static const List<String> _monthNames = <String>[
     "January",