⬆️ Update dependency next-i18next to v13 (#956)

* ⬆️ Update dependency next-i18next to v13

* 🚨 Fix compile errors

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Manuel <manuel.ruwe@bluewin.ch>

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx

@@ -122,7 +122,7 @@ export const IntegrationSelector = ({ form }: IntegrationSelectorProps) => {
     <Select
       label={t('integration.type.label')}
       description={t('integration.type.description')}
-      placeholder={t('integration.type.placeholder')}
+      placeholder={t('integration.type.placeholder') ?? undefined}
       itemComponent={SelectItemComponent}
       data={data}
       maxDropdownHeight={250}

src/components/Dashboard/Modals/SelectElement/Components/WidgetsTab/WidgetElementType.tsx

@@ -98,7 +98,7 @@ export const WidgetElementType = ({ id, image, disabled, widget }: WidgetElement
   return (
     <GenericAvailableElementType
       name={t('descriptor.name')}
-      description={t('descriptor.description')}
+      description={t('descriptor.description') ?? undefined}
       image={image}
       disabled={disabled}
       handleAddition={handleAddition}

src/components/Settings/Common/Config/CreateCopyModal.tsx

@@ -64,7 +64,7 @@ export const CreateConfigCopyModal = ({
       <form onSubmit={form.onSubmit(handleSubmit)}>
         <TextInput
           label={t('modal.copy.form.configName.label')}
-          placeholder={t('modal.copy.form.configName.placeholder')}
+          placeholder={t('modal.copy.form.configName.placeholder') ?? undefined}
           {...form.getInputProps('configName')}
         />
         <Group position="right" mt="md">

src/components/Settings/Common/SearchEngine/SearchEngineSelector.tsx

@@ -43,7 +43,7 @@ export const SearchEngineSelector = ({ searchEngine }: Props) => {
       <SegmentedControl
         fullWidth
         mb="sm"
-        title={t('title')}
+        title={t('title') ?? undefined}
         value={engine}
         onChange={onEngineChange}
         data={searchEngineOptions}
@@ -60,9 +60,9 @@ export const SearchEngineSelector = ({ searchEngine }: Props) => {
             <Space mb="md" />
             <TextInput
               label={t('customEngine.label')}
-              name={t('configurationName')}
+              name={t('configurationName') ?? undefined}
               description={t('tips.placeholderTip')}
-              placeholder={t('customEngine.placeholder')}
+              placeholder={t('customEngine.placeholder') ?? undefined}
               value={searchUrl}
               onChange={onSearchUrlChange}
             />

src/components/layout/header/Search.tsx

@@ -188,7 +188,7 @@ export function Search() {
             onFocusCapture={() => setOpened(true)}
             autoFocus
             rightSection={<SearchModuleMenu />}
-            placeholder={t(`searchEngines.${selectedSearchEngine.value}.description`)}
+            placeholder={t(`searchEngines.${selectedSearchEngine.value}.description`) ?? undefined}
             value={searchQuery}
             onChange={(currentString) => tryMatchSearchEngine(currentString, setSearchQuery)}
             itemComponent={AutoCompleteItem}