fix: resolve astro build syntax errors caused by unescaped backticks

Author: 0xTaoZ

src/pages/index.astro

@@ -133,7 +133,7 @@ let html = readFileSync(sourcePath, "utf8")
                 <a href="mailto:h@tzheng.dev" class="secondary-action px-7 py-3.5 rounded-full font-medium text-sm flex items-center">h@tzheng.dev</a>
                 <a href="https://github.com/0xTaoZ" target="_blank" class="secondary-action px-7 py-3.5 rounded-full font-medium text-sm flex items-center">GitHub</a>
             </div>`,
-                <div class="mission-actions flex flex-col sm:flex-row flex-wrap items-center justify-center lg:justify-start gap-4 mt-8 w-full sm:w-auto">
+    `<div class="mission-actions flex flex-col sm:flex-row flex-wrap items-center justify-center lg:justify-start gap-4 mt-8 w-full sm:w-auto">
                 <a href="/system/" class="primary-action w-full sm:w-auto justify-center px-7 py-3.5 rounded-full font-semibold text-sm flex items-center">View System Design</a>
                 <a href="#projects" class="primary-action w-full sm:w-auto justify-center px-7 py-3.5 rounded-full font-semibold text-sm flex items-center">View Projects</a>
                 <div class="flex items-center justify-center gap-3 w-full sm:w-auto mt-2 sm:mt-0">
@@ -143,7 +143,7 @@ let html = readFileSync(sourcePath, "utf8")
                     <a href="https://www.linkedin.com/in/haitaozheng/" target="_blank" class="secondary-action w-12 h-12 rounded-full flex items-center justify-center transition hover:bg-white hover:text-black shrink-0" aria-label="LinkedIn">
                         <svg class="w-5 h-5 opacity-90" fill="currentColor" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
                     </a>
-                    <a href="javascript:void(0);" onclick="navigator.clipboard.writeText('h@tzheng.dev'); const o=this.innerHTML; this.innerHTML=`<svg class='w-5 h-5 text-green-400' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg>`; setTimeout(()=>this.innerHTML=o, 2000);" class="secondary-action w-12 h-12 rounded-full flex items-center justify-center transition hover:bg-white hover:text-black shrink-0" aria-label="Copy Email">
+                    <a href="javascript:void(0);" onclick="navigator.clipboard.writeText('h@tzheng.dev'); const o=this.innerHTML; this.innerHTML=\`<svg class='w-5 h-5 text-green-400' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg>\`; setTimeout(()=>this.innerHTML=o, 2000);" class="secondary-action w-12 h-12 rounded-full flex items-center justify-center transition hover:bg-white hover:text-black shrink-0" aria-label="Copy Email">
                         <svg class="w-5 h-5 opacity-90" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
                     </a>
                 </div>