docs: Adjust the order of Menu Items on Foundations (#946)

packages/docs/src/content/02-foundations/design/design-tokens/index.mdx → packages/docs/src/content/02-foundations/01-design/01-design-tokens/index.mdx

@@ -1,3 +1,7 @@
+---
+title: Design Tokens
+---
+
 Design Tokens übersetzen grundlegende Designentscheidungen wie Farben, Abstände
 und mehr in eine einheitliche Sprache. Entwickler und Designer nutzen diese
 Sprache, um ein konsistentes, skalierbares und wiederverwendbares Design in der

packages/docs/src/content/02-foundations/design/typography/index.mdx → packages/docs/src/content/02-foundations/01-design/05-typography/index.mdx

@@ -1,3 +1,7 @@
+---
+title: Typography
+---
+
 # Fonts
 
 Für Benutzeroberflächen wird hauptsächlich die Font **Inter** verwendet. Sie

packages/docs/src/content/02-foundations/structure/layout/index.mdx → packages/docs/src/content/02-foundations/02-structure/01-layout/index.mdx

@@ -1,3 +1,7 @@
+---
+title: Layout
+---
+
 Das Layout organisiert die Benutzeroberfläche in einer logischen und
 hierarchischen Struktur, um die Aufmerksamkeit des Users gezielt zu lenken.
 Dabei werden Elemente wie Header, Navigation und Content-Bereich berücksichtigt.

packages/docs/src/content/02-foundations/structure/spacing/index.mdx → packages/docs/src/content/02-foundations/02-structure/02-spacing/index.mdx

@@ -1,2 +1,6 @@
+---
+title: Spacing
+---
+
 Spacing definiert die vertikalen und horizontalen Abstände zwischen Elementen
 und sorgt so für ein harmonisches Layout.

packages/docs/src/content/02-foundations/content-guidelines/fehlermeldungen/index.mdx → packages/docs/src/content/02-foundations/03-content-guidelines/02-fehlermeldungen/index.mdx

@@ -1,3 +1,7 @@
+---
+title: Fehlermeldungen
+---
+
 # Best Practices
 
 - Platziere Fehlermeldungen in unmittelbarer Nähe zur Ursache des Problems.
@@ -27,8 +31,9 @@ [email protected] ein."
 
 ## Verständliche Sprache auf Augenhöhe
 
-Wähle eine Sprache, die dem Kontext der jeweiligen Benutzeroberfläche entspricht.
-Fehlermeldungen müssen klar und verständlich formuliert sein. In bestimmten Fällen kann dabei eine etwas technischere Sprache hilfreich sein.
+Wähle eine Sprache, die dem Kontext der jeweiligen Benutzeroberfläche
+entspricht. Fehlermeldungen müssen klar und verständlich formuliert sein. In
+bestimmten Fällen kann dabei eine etwas technischere Sprache hilfreich sein.
 
 <DoAndDont>
   <Do exampleText="Wir konnten keine Verbindung zum Server herstellen. Bitte versuche es erneut." />
@@ -60,7 +65,7 @@ schiefgegangen?" und "Wer muss handeln, um es zu beheben?" einfach und
 verständlich beantwortet.
 
 <DoAndDont>
-    <Do
+  <Do
     exampleText="Wir konnten dein Passwort nicht zurücksetzen. Bitte überprüfe die E-Mail-Adresse
 und versuche es erneut."
   />
@@ -97,12 +102,12 @@ ist. Gibt es mehrere mögliche Gründe, so sollte die Fehlermeldung beschreiben,
 wie der wahrscheinlichste Grund zu beheben ist.
 
 <DoAndDont>
-  <Do exampleText="Bitte wähle ein Passwort mit mindestens 8 Zeichen.">
-  </Do>
-  <Dont exampleText="Das eingegebene Passwort entspricht nicht den Mindestanforderungen. Stelle
+  <Do exampleText="Bitte wähle ein Passwort mit mindestens 8 Zeichen." />
+  <Dont
+    exampleText="Das eingegebene Passwort entspricht nicht den Mindestanforderungen. Stelle
 sicher, dass es min. 8 Zeichen, einen Groß- und Kleinbuchstaben, eine Ziffer und
-ein Sonderzeichen enthält.">
-  </Dont>
+ein Sonderzeichen enthält."
+  />
 </DoAndDont>
 
 ## Nicht zu spezifisch
@@ -113,22 +118,20 @@ Ordner zu nennen, da der Nutzer diese Informationen an anderen Stellen in der
 Benutzeroberfläche finden kann.
 
 <DoAndDont>
-  <Do exampleText="Wir konnten die Datei nicht hochladen. Bitte verwende eine Datei vom Typ XY.">
-  </Do>
-  <Dont exampleText="Wir konnten die Datei „example_file-20.4.24.xy“ nicht hochladen. Bitte verwende
-eine Datei vom Typ XY.">
-  </Dont>
+  <Do exampleText="Wir konnten die Datei nicht hochladen. Bitte verwende eine Datei vom Typ XY." />
+  <Dont
+    exampleText="Wir konnten die Datei „example_file-20.4.24.xy“ nicht hochladen. Bitte verwende
+eine Datei vom Typ XY."
+  />
 </DoAndDont>
 
 ## Aktiv schreiben
 
 Fehlermeldungen werden aktiv formuliert, um das Verständnis zu erleichtern.
 
 <DoAndDont>
-  <Do exampleText="Wir unterstützen nur Dateien vom Typ XY.">
-  </Do>
-  <Dont exampleText="Es werden nur Dateien vom Typ XY unterstützt.">
-  </Dont>
+  <Do exampleText="Wir unterstützen nur Dateien vom Typ XY." />
+  <Dont exampleText="Es werden nur Dateien vom Typ XY unterstützt." />
 </DoAndDont>
 
 ## Positiv formulieren
@@ -140,8 +143,6 @@ getan werden kann. Beachte jedoch, dass dies in Fällen von Systemfehlern, für
 die es keine direkte Lösung gibt, nicht immer möglich ist.
 
 <DoAndDont>
-  <Do exampleText="Wir konnten keine Verbindung zum Server herstellen. Bitte versuche es erneut.">
-  </Do>
-  <Dont exampleText="Durch ein Problem mit dem Server ist die Verbindung fehlgeschlagen.">
-  </Dont>
+  <Do exampleText="Wir konnten keine Verbindung zum Server herstellen. Bitte versuche es erneut." />
+  <Dont exampleText="Durch ein Problem mit dem Server ist die Verbindung fehlgeschlagen." />
 </DoAndDont>