fix: Failure to import LD project other than default (#2979)

docs/docs/integrations/importers/launchdarkly.md

@@ -9,7 +9,7 @@ You can import your Flags and Segments from LaunchDarkly into Flagsmith.
 
 :::caution
 
-Flagsmith and Launch Darkly do have differences in their product design and underlying data model. Our importer makes
+Flagsmith and LaunchDarkly do have differences in their product design and underlying data model. Our importer makes
 sane decisions around how to migrate data but we strongly recommend you check the results of the import by hand once the
 import has finished.
 

frontend/web/components/pages/ImportPage.tsx

@@ -68,9 +68,9 @@ const ImportPage: FC<ImportPageType> = ({ projectId, projectName }) => {
       })
   }
 
-  const createImportLDProjects = (LDKey: string, projectId: string) => {
+  const createImportLDProjects = (LDKey: string, key: string, projectId: string) => {
     createLaunchDarklyProjectImport({
-      body: { project_key: 'default', token: LDKey },
+      body: { project_key: key, token: LDKey },
       project_id: projectId,
     })
   }
@@ -122,21 +122,23 @@ const ImportPage: FC<ImportPageType> = ({ projectId, projectName }) => {
                   id='projects-list'
                   className='no-pad panel-projects'
                   listClassName='row mt-n2 gy-4'
-                  title='Launch Darkly Projects'
+                  title='LaunchDarkly Projects'
                   items={projects}
-                  renderRow={({ name }, i) => {
+                  renderRow={({ name, key }, i) => {
                     return (
                       <>
                         <Button
                           className='btn-project'
                           onClick={() =>
                             openConfirm(
                               'Import LaunchDarkly project',
-                              <div>
-                                {`Are you sure you want import ${name} to ${projectName}`}
-                              </div>,
+                              <span>
+                                Flagsmith will import{' '}
+                                {<strong>{name}</strong>} to {<strong>{projectName}</strong>}.
+                                Are you sure?
+                              </span>,
                               () => {
-                                createImportLDProjects(LDKey, projectId)
+                                createImportLDProjects(LDKey, key, projectId)
                               },
                               () => {
                                 return