Added total to bottom of page

ref #39

src/locales/de.json

@@ -53,5 +53,6 @@
   "view_my_data": "Meine Läuferdaten einsehen",
   "vorname": "Vorname",
   "you_have_been_registered": "Sie wurden registriert!",
-    "you_have_not_provided_a_valid_access_key": "Sie haben keinen gültigen Zugangsschlüssel angegeben..."
+  "you_have_not_provided_a_valid_access_key": "Sie haben keinen gültigen Zugangsschlüssel angegeben...",
+  "total": "Gesamt"
 }

src/locales/en.json

@@ -53,5 +53,6 @@
   "view_my_data": "View my data",
   "vorname": "Firstname",
   "you_have_been_registered": "You have been registered!",
-    "you_have_not_provided_a_valid_access_key": "You have not provided a valid access key..."
+  "you_have_not_provided_a_valid_access_key": "You have not provided a valid access key...",
+  "total": "Total"
 }

src/views/Profile.vue

@@ -282,6 +282,29 @@
                           </td>
                         </tr>
                       </tbody>
+                      <tfoot class="text-gray-900 dark:text-gray-50">
+                        <tr>
+                          <td class="px-4 py-3">{{ $t('total') }}</td>
+                          <td class="px-4 py-3">
+                            <span
+                              v-text="(state.sponsorings.reduce(function(sum, current) {
+                              return sum + current.amountPerDistance;
+                            }, 0) / 100)
+                              .toFixed(2)
+                              .toLocaleString('de-DE', { valute: 'EUR' })"
+                            ></span>€
+                          </td>
+                          <td class="px-4 py-3">
+                            <span
+                              v-text="(state.sponsorings.reduce(function(sum, current) {
+                              return sum + current.amount;
+                            }, 0) / 100)
+                              .toFixed(2)
+                              .toLocaleString('de-DE', { valute: 'EUR' })"
+                            ></span>€
+                          </td>
+                        </tr>
+                      </tfoot>
                     </table>
                     <div v-else class="text-center font-bold text-black dark:text-white text-2xl">
                       <img