Fix text wrapping in the Imported Source dialog (#3668)

* Only apply `break-all` to the source name

* Address feedback

web-common/src/features/sources/modal/SourceImportedModal.svelte

@@ -34,13 +34,15 @@
  <div class="w-6 m-auto ml-0 mr-0">
  <CheckCircleNew className="fill-blue-500" size="24px" />
  </div>
- <div class="break-all">
- Source "{$sourceImportedName}" imported successfully.
- </div>
+ <div>Source imported successfully</div>
  </div>
  <div class="flex flex-auto gap-x-2.5" slot="body">
  <div class="w-6" />
- <div class="text-slate-500">What would you like to do next?</div>
+ <div class="text-slate-500">
+ <span class="font-mono text-slate-800 break-all"
+ >{$sourceImportedName}</span
+ > has been ingested. What would you like to do next?
+ </div>
  </div>
  <div class="flex flex-row-reverse gap-x-2 mt-4" slot="footer">
  <Button on:click={autoGenerateDashboard} type="primary"