fix(ui): proper display of total files

main.ts

@@ -219,9 +219,9 @@ export class BulkRenameSettingsTab extends PluginSettingTab {
   }
 
   renderFilesAndPreview = () => {
-    this.filesAndPreview = new Setting(this.containerEl)
-      .setName('Files within the folder')
-      .setDesc(`Total Files: ${this.plugin.settings.fileNames.length}`);
+    this.filesAndPreview = new Setting(this.containerEl).setName(
+      'Files within the folder',
+    );
 
     this.filesAndPreview.controlEl.addClass('bulk_rename_preview');
     this.calculateFileNames();

src/components/RenderPreviewFiles.ts

@@ -14,6 +14,7 @@ export const renderPreviewFiles = (
   let replacedPreviewTextArea: HTMLTextAreaElement;
 
   return setting
+    .setDesc(`Total Files: ${plugin.settings.fileNames.length}`)
     .clear()
     .addTextArea((text) => {
       text.setPlaceholder('Here you will see files under folder location');