Improve German translation and some aria attributes (#5658)

# Description
Updated some of the missing German translations + a few aria updates

**Type of change**
- Improvement (change adding some improvement to an existing
functionality)
-
**How Has This Been Tested**
Local Build/Firefox

**Checklist**
<!-- Please go over the list and make sure you've taken everything into
account -->

- I added relevant documentation
- I followed the style guidelines of this project
- I did a self-review of my code
- I made corresponding changes to the documentation
- I confirm My changes generate no new warnings
- I have added tests that prove my fix is effective or that my feature
works
- I have added relevant notes to the CHANGELOG.md file (See
https://keepachangelog.com/)

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

Author: paulbauriegel

argilla-frontend/components/features/annotation/container/questions/form/text-area/TextAreaContents.vue

@@ -12,6 +12,7 @@
       class="textarea--markdown"
       :markdown="question.answer.value"
       @click.native="onFocus"
+      role="textbox"
     />
     <ContentEditableFeedbackTask
       v-else

argilla-frontend/components/features/annotation/header/ToggleAnnotationType.vue

@@ -6,6 +6,7 @@
       @click="switchFocusMode()"
       aria-label="Switch to Focus Mode"
       :data-title="$t('focus_mode')"
+      :aria-selected="recordCriteria.page.isFocusMode"
     >
       <svgicon name="focus-mode" width="18" aria-hidden="true" />
     </button>
@@ -15,6 +16,7 @@
       :class="{ active: recordCriteria.page.isBulkMode }"
       @click="switchBulkMode()"
       :data-title="$t('bulk_mode')"
+      :aria-selected="recordCriteria.page.isBulkMode"
     >
       <svgicon name="bulk-mode" width="18" aria-hidden="true" />
     </button>

argilla-frontend/components/features/login/components/LoginInput.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="input-field">
     <Validation :validations="showValidations ? translatedValidations : []">
-      <label class="input-field__label" v-text="name" :for="name" />
+      <label class="input-field__label" :id="name" v-text="name" :for="name" />
       <span class="input-field__container">
         <input
           ref="input"

argilla-frontend/translation/de.js

@@ -56,6 +56,7 @@ export default {
     noPendingRecordsToAnnotate: "🎉 Die Aufgabe ist erledigt!",
     noDraftRecordsToReview: "Sie haben keine Entwürfe zu prüfen",
   },
+  couldNotLoadImage: "Bild konnte nicht geladen werden",
   breadcrumbs: {
     home: "Start",
     datasetSettings: "Einstellungen",
@@ -167,6 +168,7 @@ export default {
     discard: "Verwerfen",
     submit: "Absenden",
     draft: "Entwurf speichern",
+    write: "Schreiben",
   },
   sorting: {
     label: "Sortieren",
@@ -218,7 +220,7 @@ export default {
     hf: {
       title: "Willkommen bei {space}",
       subtitle:
-        "Helfe <strong>{user}</strong> um bessere Datensätze für KI zu erstellen",
+        "Helfe <strong>{user}</strong> bessere Datensätze für KI zu erstellen",
     },
   },
   of: "von",
@@ -235,6 +237,7 @@ export default {
   "reset-all": "Alle zurücksetzen",
   reset: "Zurücksetzen",
   less: "Weniger",
+  learnMore: "Erfahre mehr",
   with: "mit",
   find: "Finden",
   cancel: "Abbrechen",
@@ -259,7 +262,85 @@ export default {
       team: "Fortschritte im Team",
     },
   },
-
+  home: {
+    argillaDatasets: "Argilla Datensätze",
+    none: "Bis jetzt keine",
+    importTitle: "Importiere ein Datensatz aus dem Hugging Face Hub",
+    importText:
+      "Starten Sie mit einem Datensatz aus dem Hub, indem Sie einfach den Repository-Namen einfügen",
+    importButton: "Datensatz importieren",
+    importFromHub: "Direkt vom Hub importieren",
+    importFromPython: "Mit Python importieren",
+    importFromPythonHFWarning:
+      "Wenn Sie einen privaten Space verwenden, lesen Sie die <a target='_blank' href='https://docs.argilla.io/latest/getting_started/how-to-configure-argilla-on-huggingface/#how-to-use-private-spaces'>Dokumentation</a>.",
+    exampleDatasetsTitle: "Sie wissen nicht, wo Sie anfangen sollen?",
+    exampleDatasetsText: "Erkunden Sie diese Beispiel-Datensätze",
+    guidesTitle: "Nicht mit Argilla vertraut?",
+    guidesText: "Nutzen Sie diese Anleitungen an:",
+    pasteRepoIdPlaceholder: "Fügen Sie eine Repo-ID ein",
+    demoLink:
+      "Melden Sie sich bei dieser <a href='https://huggingface.co/spaces/argilla/argilla-template-space' target='_blank'>Demo</a> an, um Argilla auszuprobieren",
+  },
+  datasetCreation: {
+    questions: {
+      labelSelection: {
+        atLeastTwoOptions: "Mindestens zwei Optionen müssen vorhanden sein",
+        optionsWithoutLabel: "Optionen ohne Label sind nicht erlaubt",
+      },
+    },
+    atLeastOneQuestion: "Mindestens eine Frage wird benötigt",
+    atLeastOneRequired: "Mindestens eine erforderliche Frage wird benötigt",
+    hasInvalidQuestions: "Einige Fragen sind ungültig",
+    createDataset: "Datensatz in Argilla erstellen",
+    datasetName: "Name des Datensatzes",
+    name: "Name",
+    assignWorkspace: "Einem Workspace zuweisen",
+    selectSplit: "Einen Datensatz-Split auswählen",
+    recordWarning:
+      "Der erstellte Datensatz wird nur die ersten 10Tsd Zeilen enthalten, weitere Einträge können über das Python SDK hinzugefügt werden.",
+    button: "Datensatz erstellen",
+    fields: "Felder",
+    questionsTitle: "Fragen",
+    yourQuestions: "Ihre Fragen",
+    requiredField: "Pflichtfeld",
+    requiredQuestion: "Pflichtfrage",
+    select: "Auswählen",
+    mapToColumn: "Einer Spalte zuordnen",
+    subset: "Teilmenge",
+    selectSubset:
+      "Sie können einen Datensatz nur aus einer Teilmenge erstellen.",
+    preview: "Vorschau",
+    importData: "Daten importieren",
+    addRecords: "Einträge hinzufügen",
+    cantLoadRepository:
+      "Datensatz auf Hugging Face nicht gefunden oder verfügbar",
+    none: "Keine",
+    noWorkspaces:
+      "Bitte folgen Sie der <a target='_blank' href='https://docs.argilla.io/latest/how_to_guides/workspace/#create-a-new-workspace'>Anleitung</a>, um einen Workspace zu erstellen",
+  },
+  config: {
+    field: {
+      text: "Textfeld",
+      chat: "Chatfeld",
+      image: "Bildfeld",
+      "no mapping": "Keine Zuordnung",
+    },
+    question: {
+      text: "Text",
+      rating: "Numerische Bewertung",
+      label_selection: "Label",
+      ranking: "Ranking",
+      multi_label_selection: "Multi-Label",
+      span: "Bereichsannotation",
+      "no mapping": "Keine Zuordnung",
+    },
+  },
+  persistentStorage: {
+    adminOrOwner:
+      "Der persistente Speicher ist nicht aktiviert. Alle Daten gehen verloren, wenn dieser Space neu gestartet wird. Gehen Sie zu den Space-Einstellungen, um ihn zu aktivieren.",
+    annotator:
+      "Der persistente Speicher ist nicht aktiviert. Alle Daten gehen verloren, wenn dieser Space neu gestartet wird.",
+  },
   validations: {
     businessLogic: {
       missing_vector: {