feat: add joyride

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

@@ -0,0 +1,38 @@
+import { auth } from "@homarr/auth/next";
+import { getScopedI18n } from "@homarr/translation/server";
+import { createMetaTitle } from "~/metadata";
+import { ManageContainer } from "~/components/manage/manage-container";
+import { DynamicBreadcrumb } from "~/components/navigation/dynamic-breadcrumb";
+import { Title, SimpleGrid, Card } from "@mantine/core";
+
+export async function generateMetadata() {
+  const session = await auth();
+  if (!session?.user || !session.user.permissions.includes("admin")) {
+    return {};
+  }
+
+  const t = await getScopedI18n("management");
+
+  return {
+    title: createMetaTitle(t("metaTitle")),
+  };
+}
+
+export default async function ToursPage() {
+  const t = await getScopedI18n("tours");
+  return (
+    <ManageContainer>
+      <DynamicBreadcrumb/>
+      <Title>{t("page.title")}</Title>
+
+      <SimpleGrid cols={{ base: 1, sm: 2, lg: 5 }}>
+        <Card></Card>
+        <Card></Card>
+        <Card></Card>
+        <Card></Card>
+        <Card></Card>
+        <Card></Card>
+      </SimpleGrid>
+    </ManageContainer>
+  )
+}

apps/nextjs/src/app/[locale]/manage/layout.tsx

@@ -23,6 +23,7 @@ import {
   IconUserFilled,
   IconUsers,
   IconUsersGroup,
+  IconMotorbikeFilled
 } from "@tabler/icons-react";
 
 import { auth } from "@homarr/auth/next";
@@ -158,6 +159,11 @@ export default async function ManageLayout({ children }: PropsWithChildren) {
       label: t("items.help.label"),
       icon: IconHelpSquareRoundedFilled,
       items: [
+        {
+          label: t("items.help.items.tours"),
+          icon: IconMotorbikeFilled,
+          href: "/manage/help/tours"
+        },
         {
           label: t("items.help.items.documentation"),
           icon: IconBook2,