Fix log log alignment in spinners (#86298)

Author: eps1lon

packages/next/src/build/spinner.ts

@@ -13,7 +13,7 @@ export default function createSpinner(
 ) {
   let spinner: undefined | (ora.Ora & { setText: (text: string) => void })
 
-  let prefixText = ` ${Log.prefixes.info} ${text} `
+  let prefixText = `${Log.prefixes.info} ${text} `
 
   if (process.stdout.isTTY) {
     spinner = ora({
@@ -60,7 +60,7 @@ export default function createSpinner(
     }
     spinner.setText = (newText) => {
       text = newText
-      prefixText = ` ${Log.prefixes.info} ${newText} `
+      prefixText = `${Log.prefixes.info} ${newText} `
       spinner!.prefixText = prefixText
       return spinner!
     }
@@ -71,7 +71,7 @@ export default function createSpinner(
     }
     spinner.stopAndPersist = () => {
       // Add \r at beginning to reset the current line of loading status text
-      const suffixText = `\r ${Log.prefixes.event} ${text} `
+      const suffixText = `\r${Log.prefixes.event} ${text} `
       if (spinner) {
         spinner.text = suffixText
       } else {

test/e2e/app-dir/cache-components-errors/cache-components-console-patch.test.ts

@@ -70,11 +70,11 @@ describe('Cache Components Errors', () => {
             `)
           } else {
             expect(output).toMatchInlineSnapshot(`
-                        "[<timestamp>] This is a console log from a server component page
-                        [<timestamp>] This is a console log from a server component page
-                        [<timestamp>]    Collecting build traces ...
-                        [<timestamp>]"
-                      `)
+             "[<timestamp>] This is a console log from a server component page
+             [<timestamp>] This is a console log from a server component page
+             [<timestamp>]   Collecting build traces ...
+             [<timestamp>]"
+            `)
           }
         })
       }