Buttonsbare not working at all fix that

script.js

@@ -15,6 +15,9 @@ document.addEventListener('DOMContentLoaded', function() {
     const tabButtons = document.querySelectorAll('.tab-button');
     const tabContents = document.querySelectorAll('.tab-content');
 
+    // Initialize tabs - show home tab by default
+    document.getElementById('home').classList.add('active');
+    
     tabButtons.forEach(button => {
         button.addEventListener('click', function(e) {
             e.preventDefault();
@@ -30,9 +33,15 @@ document.addEventListener('DOMContentLoaded', function() {
         });
     });
 
+    // Initialize the first tab as active
+    const initialTab = document.querySelector('.tab-button[data-tab="home"]');
+    if (initialTab) {
+        initialTab.classList.add('active');
+    }
     const textPreview = document.querySelector('.text-preview');
-// Request camera permission and initialize camera
-    async function initializeCamera() {
+    
+    // Request camera permission and initialize camera
+async function initializeCamera() {
         try {
             cameraStream = await navigator.mediaDevices.getUserMedia({ 
             video: {