feat: improve admin ui (#104)

* feat: improve admin ui

* fix: make admin colors align with the settings module

Author: schneider-felix

src/Resources/app/administration/src/module/frosh-mail-archive/index.js

@@ -7,7 +7,7 @@ Shopware.Module.register('frosh-mail-archive', {
     name: 'frosh-mail-archive.title',
     title: 'frosh-mail-archive.title',
     description: '',
-    color: '#243758',
+    color: '#9AA8B5',
     icon: 'regular-envelope',
     entity: 'frosh_mail_archive',
 
@@ -16,7 +16,8 @@ Shopware.Module.register('frosh-mail-archive', {
             component: 'frosh-mail-archive-index',
             path: 'list',
             meta: {
-                privilege: 'frosh_mail_archive:read'
+                privilege: 'frosh_mail_archive:read',
+                parentPath: 'sw.settings.index.plugins'
             },
         },
         detail: {

src/Resources/app/administration/src/module/frosh-mail-archive/page/frosh-mail-archive-index/frosh-mail-archive-index.twig

@@ -7,7 +7,14 @@
         </sw-search-bar>
     </template>
     <template #smart-bar-header>
-        <h2>{{ $tc('frosh-mail-archive.title') }}</h2>
+        <h2>
+            {{ $tc('sw-settings.index.title') }}
+            <sw-icon
+                    name="regular-chevron-right-xs"
+                    small
+            />
+            {{ $tc('frosh-mail-archive.title') }}
+        </h2>
     </template>
     <template #content>
         <sw-entity-listing
@@ -25,8 +32,9 @@
                 </span>
             </template>
 
-            <template #column-createdAt="{ item }">
-                {{ date(item.createdAt, {hour: '2-digit', minute: '2-digit', second: '2-digit'}) }}
+            <template #column-createdAt="{ item, column }">
+                <router-link
+                        :to="{ name: column.routerLink, params: { id: item.id } }">{{ date(item.createdAt, {hour: '2-digit', minute: '2-digit', second: '2-digit'}) }}</router-link>
             </template>
 
             <template #column-transportState="{ item }">