DS: I18N settings, create modal

[mfrachet]

What does it do?

Moves the I18N settings modal for creating a new locale to the new DS

How to test it?

• Login the dashboard
• Select "Settings" on the main menu
• Select "I18N" in the sub menu
• Select the "Add a locale" button

Screenshot

[codecov]

Codecov Report

Merging #10749 (8ce77ad) into v4/ds-migration (7ff5867) will not change coverage.
The diff coverage is n/a.

❗ Current head 8ce77ad differs from pull request most recent head 2d75759. Consider uploading reports for the commit 2d75759 to get more accurate results

@@               Coverage Diff                @@
##           v4/ds-migration   #10749   +/-   ##
================================================
  Coverage            58.84%   58.84%           
================================================
  Files                  174      174           
  Lines                 6007     6007           
  Branches              1251     1251           
================================================
  Hits                  3535     3535           
  Misses                2054     2054           
  Partials               418      418           

Flag	Coverage Δ
front	?
unit	58.84% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update aabc125...2d75759. Read the comment docs.

[soupette]

Here you can use the CustomContentLayout component instead:

import { CustomContentLayout } from '@strapi/helper-plugin';

<CustomContentLayout
        shouldShowEmptyState={locales === undefined || locales?.length === 0}
        action={
          onToggleCreateModal ? (
            <Button variant="secondary" startIcon={<AddIcon />} onClick={onToggleCreateModal}>
              {formatMessage({ id: getTrad('Settings.list.actions.add') })}
            </Button>
          ) : null
        }
      >
        <LocaleTable
          locales={locales}
          onDeleteLocale={handleDeleteLocale}
          onEditLocale={handleEditLocale}
        />
      </CustomContentLayout>

[soupette]

👍

[soupette]

const computedValue = value || options[0]?.value || '';

[mfrachet]

it won't match the default display name if we do that