I have a html modal for inputting data into Firebase's Firestore but it's not accepting more than the first 2 inputs and even though I removed the line that put the server timestamp on each document its still adding it to the documents. Below is the javascript code that I used :

import { initializeApp } from 'firebase/app'
import { 
  getFirestore, collection, onSnapshot,
  addDoc, deleteDoc, doc,
  query, where,
  orderBy,
  getDoc, updateDoc
} from 'firebase/firestore'
import { 
  getAuth, createUserWithEmailAndPassword,
  signInWithEmailAndPassword,
  signOut,
  onAuthStateChanged
} from 'firebase/auth'

initializeApp(firebaseConfig)

const db = getFirestore()
const colRef = collection(db, 'Guides')

//adding docs
const addGuideForm = document.querySelector('.add')
  addGuideForm.addEventListener('submit', (e) => {
    e.preventDefault()

    addDoc(colRef, {
      title: addGuideForm.title.value,
      content: addGuideForm.content.value,
      test: addGuideForm.content2.value,
      verif: addGuideForm.verif.value,
    })
    .then(() => {
      addGuideForm.reset()
    })
  })