The Recent Build typing animation is a bit broken. The code is bad indented, means there are a lot of breaking spaces for nothing. Can you fix ut ?

script.js

@@ -304,7 +304,6 @@ document.getElementById('download-cv')?.addEventListener('click', (e) => {
   a.click();
   URL.revokeObjectURL(url);
 });
-
 // Typing animation for code
 function initTypingAnimation() {
   const codeContainer = document.getElementById('typing-code');
@@ -342,7 +341,6 @@ function initTypingAnimation() {
     {
       text: '  return (',
       chars: [
-        { type: 'text', text: '  ' },
         { type: 'keyword', text: 'return' },
         { type: 'text', text: ' (' }
       ]
@@ -350,7 +348,6 @@ function initTypingAnimation() {
     {
       text: '    <button className="btn-primary" {...props}>',
       chars: [
-        { type: 'text', text: '    ' },
         { type: 'tag', text: '<' },
         { type: 'tag', text: 'button' },
         { type: 'text', text: ' ' },
@@ -368,7 +365,6 @@ function initTypingAnimation() {
     {
       text: '      {children}',
       chars: [
-        { type: 'text', text: '      ' },
         { type: 'punctuation', text: '{' },
         { type: 'text', text: 'children' },
         { type: 'punctuation', text: '}' }
@@ -377,7 +373,6 @@ function initTypingAnimation() {
     {
       text: '    </button>',
       chars: [
-        { type: 'text', text: '    ' },
         { type: 'tag', text: '<' },
         { type: 'operator', text: '/' },
         { type: 'tag', text: 'button' },
@@ -387,7 +382,6 @@ function initTypingAnimation() {
     {
       text: '  )',
       chars: [
-        { type: 'text', text: '  ' },
         { type: 'punctuation', text: ')' }
       ]
     },
@@ -405,6 +399,10 @@ function initTypingAnimation() {
   let timeoutId;
 
   const cursor = document.querySelector('.typing-cursor');
+  
+  // Create a line container for better formatting
+  let currentLineContainer = null;
+
   function typeCharacter() {
     if (currentLine >= codeLines.length) {
       // Finished typing all lines
@@ -421,11 +419,26 @@ function initTypingAnimation() {
     const line = codeLines[currentLine];
     const char = line.chars[currentChar];
     
+    // Create line container on first character of each line
+    if (currentChar === 0) {
+      currentLineContainer = document.createElement('div');
+      currentLineContainer.style.whiteSpace = 'pre';
+      currentLineContainer.style.fontFamily = 'inherit';
+    }
+    
     // Create and append the character element
     const charElement = document.createElement('span');
     charElement.className = char.type !== 'text' ? char.type : '';
     charElement.textContent = char.text;
-    codeContainer.appendChild(charElement);
+    
+    // Handle indentation by adjusting margin on the line container
+    if (currentChar === 0) {
+      const indentLevel = Math.floor((line.text.match(/^(\s*)/)[1].length) / 2);
+      currentLineContainer.style.marginLeft = (indentLevel * 12) + 'px';
+    }
+    
+    currentLineContainer.appendChild(charElement);
+    codeContainer.appendChild(currentLineContainer);
 
     currentChar++;
 
@@ -445,29 +458,18 @@ function initTypingAnimation() {
 
     // If we finished the current line, move to next line
     if (currentChar >= line.chars.length) {
-      // Add line break with proper spacing
-      const lineBreak = document.createElement('br');
-      codeContainer.appendChild(lineBreak);
       currentLine++;
       currentChar = 0;
-    }
-  }
-function eraseCharacters() {
-    const lastChild = codeContainer.lastElementChild;
-    if (!lastChild || (lastChild.tagName === 'BR' && !lastChild.previousElementSibling)) {
-      // If only line breaks left, restart typing
-      if (!lastChild || !lastChild.previousElementSibling) {
-        restartTyping();
-        return;
+      currentLineContainer = null;
+      
+      // Add small gap between lines
+      if (currentLine < codeLines.length) {
+        const lineBreak = document.createElement('div');
+        lineBreak.style.height = '4px';
+        lineBreak.style.width = '100%';
+        codeContainer.appendChild(lineBreak);
       }
     }
-
-    if (lastChild) {
-      codeContainer.removeChild(lastChild);
-      setTimeout(eraseCharacters, 20); // Erase speed
-    } else {
-      setTimeout(eraseCharacters, 50);
-    }
   }
 
   function restartTyping() {
@@ -478,6 +480,7 @@ function eraseCharacters() {
     currentLine = 0;
     currentChar = 0;
     isTyping = true;
+    currentLineContainer = null;
     
     // Clear any existing timeout
     if (timeoutId) {
@@ -498,7 +501,6 @@ function eraseCharacters() {
     }
   }, 500);
 }
-
 // Initialize typing animation when page loads
 document.addEventListener('DOMContentLoaded', initTypingAnimation);