feat: add dynamic breadcrumb (#706)

* feat: add dynamic breadcrumb

* feat: pr feedback

apps/nextjs/src/app/[locale]/manage/settings/page.tsx

@@ -3,6 +3,7 @@ import { Stack, Title } from "@mantine/core";
 import { api } from "@homarr/api/server";
 import { getScopedI18n } from "@homarr/translation/server";
 
+import { DynamicBreadcrumb } from "~/components/navigation/dynamic-breadcrumb";
 import { AnalyticsSettings } from "./_components/analytics.settings";
 
 export async function generateMetadata() {
@@ -18,9 +19,12 @@ export default async function SettingsPage() {
   const serverSettings = await api.serverSettings.getAll();
   const t = await getScopedI18n("management.page.settings");
   return (
-    <Stack>
-      <Title order={1}>{t("title")}</Title>
-      <AnalyticsSettings initialData={serverSettings.analytics} />
-    </Stack>
+    <>
+      <DynamicBreadcrumb />
+      <Stack>
+        <Title order={1}>{t("title")}</Title>
+        <AnalyticsSettings initialData={serverSettings.analytics} />
+      </Stack>
+    </>
   );
 }