Prettified Code!

shared/locales/en/website-techstack.json

@@ -1,23 +1,23 @@
 {
-  "metadata": {
-    "title": "Social Income",
-    "description": "Our Techstack",
-    "og-image": "/assets/metadata/og/default.jpg",
-    "twitter-image": "/assets/metadata/twitter/default.jpg"
-  },
-  "hero": {
-    "title-1": [
-      {
-        "text": "Hello ",
-        "color": "accent"
-      },
-      {
-        "text": "Hallo."
-      }
-    ],
-    "subtitle": "Guten Tag"
-  },
-  "cards": {
-    "title-1": "Vercel"
-  }
+	"metadata": {
+		"title": "Social Income",
+		"description": "Our Techstack",
+		"og-image": "/assets/metadata/og/default.jpg",
+		"twitter-image": "/assets/metadata/twitter/default.jpg"
+	},
+	"hero": {
+		"title-1": [
+			{
+				"text": "Hello ",
+				"color": "accent"
+			},
+			{
+				"text": "Hallo."
+			}
+		],
+		"subtitle": "Guten Tag"
+	},
+	"cards": {
+		"title-1": "Vercel"
+	}
 }

website/src/app/[lang]/[region]/(website)/techstack/(sections)/hero.tsx

@@ -22,5 +22,5 @@ export async function Hero({ lang }: DefaultParams) {
 				{translator.t('hero.subtitle')}
 			</Typography>
 		</div>
-	)
-}
+	);
+}

website/src/app/[lang]/[region]/(website)/techstack/(sections)/techlist.tsx

@@ -10,9 +10,9 @@ export async function TechList({ lang }: DefaultParams) {
 
 	return (
 		<div>
-				<Typography color="accent" className="text-center">
-					 {translator.t('cards.title-1')}
-				</Typography>
+			<Typography color="accent" className="text-center">
+				{translator.t('cards.title-1')}
+			</Typography>
 		</div>
 	);
-}
+}

website/src/app/[lang]/[region]/(website)/techstack/page.tsx

@@ -9,4 +9,4 @@ export default async function Page({ params: { lang, region } }: DefaultPageProp
 			<TechList lang={lang} region={region} />
 		</div>
 	);
-}
+}