Fix parenthesis.

src/about.py

@@ -132,38 +132,38 @@ WHAT_IS_F1_HTML = f"""
     <script>
         // This script needs to be run after the DOM is loaded.
         // Gradio's gr.HTML component loads content dynamically, so we use a small delay.
-        setTimeout(() => {
+        setTimeout(() => {{
             const problemTabs = [
-                { btn: document.getElementById('problem-tab-btn-warmup'), content: document.getElementById('problem-tab-content-warmup') },
-                { btn: document.getElementById('problem-tab-btn-tier1'), content: document.getElementById('problem-tab-content-tier1') },
-                { btn: document.getElementById('problem-tab-btn-tier2'), content: document.getElementById('problem-tab-content-tier2') }
+                {{ btn: document.getElementById('problem-tab-btn-warmup'), content: document.getElementById('problem-tab-content-warmup') }},
+                {{ btn: document.getElementById('problem-tab-btn-tier1'), content: document.getElementById('problem-tab-content-tier1') }},
+                {{ btn: document.getElementById('problem-tab-btn-tier2'), content: document.getElementById('problem-tab-content-tier2') }}
             ];
 
             const activeClasses = 'border-blue-600 text-blue-600';
             const inactiveClasses = 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300';
 
-            problemTabs.forEach(tab => {
-                if(tab.btn) {
-                    tab.btn.addEventListener('click', () => {
-                        problemTabs.forEach(t => {
-                            if(t.btn) {
+            problemTabs.forEach(tab => {{
+                if(tab.btn) {{
+                    tab.btn.addEventListener('click', () => {{
+                        problemTabs.forEach(t => {{
+                            if(t.btn) {{
                                 t.btn.classList.remove(...activeClasses.split(' '));
                                 t.btn.classList.add(...inactiveClasses.split(' '));
                                 t.content.classList.add('hidden');
-                            }
-                        });
+                            }}
+                        }});
                         tab.btn.classList.add(...activeClasses.split(' '));
                         tab.btn.classList.remove(...inactiveClasses.split(' '));
                         tab.content.classList.remove('hidden');
-                    });
-                }
-            });
+                    }});
+                }}
+            }});
 
             // Set initial active tab
-            if (problemTabs.length > 0 && problemTabs[0].btn) {
+            if (problemTabs.length > 0 && problemTabs[0].btn) {{
                 problemTabs[0].btn.click();
-            }
-        }, 100); // 100ms delay to ensure elements are in the DOM
+            }}
+        }}, 100); // 100ms delay to ensure elements are in the DOM
     </script>
 </body>
 </html>