feat: add onboarding with oldmarr import (#1606)

packages/old-import/src/components/shared/apps-section.tsx

@@ -0,0 +1,23 @@
+import { Fieldset, Switch } from "@mantine/core";
+
+import type { CheckboxProps } from "@homarr/form/types";
+import { useScopedI18n } from "@homarr/translation/client";
+
+interface OldmarrImportAppsSettingsProps {
+  onlyImportApps: CheckboxProps;
+  background?: string;
+}
+
+export const OldmarrImportAppsSettings = ({ background, onlyImportApps }: OldmarrImportAppsSettingsProps) => {
+  const tApps = useScopedI18n("board.action.oldImport.form.apps");
+
+  return (
+    <Fieldset legend={tApps("label")} bg={background}>
+      <Switch
+        {...onlyImportApps}
+        label={tApps("onlyImportApps.label")}
+        description={tApps("onlyImportApps.description")}
+      />
+    </Fieldset>
+  );
+};

packages/old-import/src/components/shared/sidebar-behaviour-select.tsx

@@ -0,0 +1,31 @@
+import type { InputPropsFor } from "@homarr/form/types";
+import { useScopedI18n } from "@homarr/translation/client";
+import { SelectWithDescription } from "@homarr/ui";
+
+import type { SidebarBehaviour } from "../../settings";
+
+export const SidebarBehaviourSelect = (props: InputPropsFor<SidebarBehaviour, SidebarBehaviour, HTMLButtonElement>) => {
+  const tSidebarBehaviour = useScopedI18n("board.action.oldImport.form.sidebarBehavior");
+
+  return (
+    <SelectWithDescription
+      withAsterisk
+      label={tSidebarBehaviour("label")}
+      description={tSidebarBehaviour("description")}
+      data={[
+        {
+          value: "last-section",
+          label: tSidebarBehaviour("option.lastSection.label"),
+          description: tSidebarBehaviour("option.lastSection.description"),
+        },
+        {
+          value: "remove-items",
+          label: tSidebarBehaviour("option.removeItems.label"),
+          description: tSidebarBehaviour("option.removeItems.description"),
+        },
+      ]}
+      {...props}
+      onChange={(value) => (value ? props.onChange(value as SidebarBehaviour) : null)}
+    />
+  );
+};