Clean up/add german translations

webapp/components/Notification/Notification.vue

@@ -1,5 +1,4 @@
 <template>
-  <ds-container>
   <ds-space :class="{ read: notification.read, notification: true }" margin-bottom="x-small">
     <client-only>
       <ds-space margin-bottom="x-small">
@@ -33,7 +32,6 @@
       </ds-space>
     </nuxt-link>
   </ds-space>
-  </ds-container>
 </template>
 
 <script>

webapp/locales/de.json

@@ -175,7 +175,16 @@
       "mentioned_in_comment": "Hat dich in einem Kommentar erwähnt …",
       "commented_on_post": "Hat deinen Beitrag kommentiert …"
     },
-    "comment": "Kommentar"
+    "comment": "Kommentar",
+    "title": "Benachrichtigungen",
+    "post": "Beitrag",
+    "user": "Benutzer",
+    "content": "Inhalt",
+    "sortingLabel": {
+      "all": "Alle",
+      "read": "Lesen  ",
+      "unread": "Ungelesen"
+    }
   },
   "search": {
     "placeholder": "Suchen",

webapp/locales/en.json

@@ -178,11 +178,14 @@
     },
     "comment": "Comment",
     "title": "Notifications",
-    "page": "All notifications",
-    "createdAt": "Notification created at",
-    "type": "Type",
+    "post": "Post",
     "user": "User",
-    "content": "Content"
+    "content": "Content",
+    "sortingLabel": {
+      "all": "All",
+      "read": "Read",
+      "unread": "Unread"
+    }
   },
   "search": {
     "placeholder": "Search",

webapp/pages/notifications/index.vue

@@ -99,11 +99,11 @@ export default {
   data() {
     return {
       selectedNotifications: [],
-      selected: 'All',
+      selected: this.$t('notifications.sortingLabel.all'),
       sortingOptions: [
-        { label: 'All', value: null },
-        { label: 'Read', value: true },
-        { label: 'Unread', value: false },
+        { label: this.$t('notifications.sortingLabel.all'), value: null },
+        { label: this.$t('notifications.sortingLabel.read'), value: true },
+        { label: this.$t('notifications.sortingLabel.unread'), value: false },
       ],
       nofiticationRead: null,
     }
@@ -112,7 +112,7 @@ export default {
     fields() {
       return {
         user: this.$t('notifications.user'),
-        post: this.$t('notifications.type'),
+        post: this.$t('notifications.post'),
         content: this.$t('notifications.content'),
       }
     },