feat: add title to dynamic section (#2614)

* feat: add title to dynamic section

* fix: formatting

* feat: use badge rather than text

* fix: use board radius

* fix: use shared.ts validation

---------

Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

apps/nextjs/src/components/board/sections/dynamic/actions/add-dynamic-section.ts

@@ -17,6 +17,7 @@ export const addDynamicSectionCallback = () => (board: Board) => {
     id: createId(),
     kind: "dynamic",
     options: {
+      title: "",
       borderColor: "",
     },
     layouts: createDynamicSectionLayouts(board, firstSection),

apps/nextjs/src/components/board/sections/dynamic/dynamic-edit-modal.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button, CloseButton, ColorInput, Group, Stack, useMantineTheme } from "@mantine/core";
+import { Button, CloseButton, ColorInput, Group, Stack, TextInput, useMantineTheme } from "@mantine/core";
 import type { z } from "zod";
 
 import { useZodForm } from "@homarr/form";
@@ -30,6 +30,7 @@ export const DynamicSectionEditModal = createModal<ModalProps>(({ actions, inner
       })}
     >
       <Stack>
+        <TextInput label={t("section.dynamic.option.title.label")} {...form.getInputProps("title")} />
         <ColorInput
           label={t("section.dynamic.option.borderColor.label")}
           format="hex"