request.time < timestamp.date(2021, 3,20)

というデバック状態から、以下のように変更した。

request.auth != null;

これは、リクエスト元が認証状態かどうかだけを判断しているものだが、Missing or insufficient permissions.という認証エラーが発生した。
コードを確認したところ、以下のようなコードが悪さしていることがわかった。

firestoreの初期設定用ファイル

変更前

src/firebase/firestore.jsimport firebase from "firebase";
import { firebaseConfig } from "@/config.js";
const firebaseApp = firebase.initializeApp(firebaseConfig, "AppName");
const firestore = firebaseApp.firestore();

export default firestore;

変更後

src/firebase/firestore.jsimport firebase from "firebase/app";
import { firebaseConfig } from "@/config.js";
firebase.initializeApp(firebaseConfig);

実際にfirestoreを受け取るファイル

変更前

src/user.jsimport firestore from "@firebase/firestore";
userRef = firestore.collection("user");
...

変更後

src/user.jsimport firebase from "firebase/app";
import "firebase/firestore"
userRef = firebase.firestore().collection("user");

こちらのサイト のリポジトリを参考に書かせていただきました。自分の環境ではどうやらルールによって弾かれてしまうみたいだったので、備忘録として残しておきます。
firebase.initializeApp内のfirestoreだと何かしらログイン情報を送る際に問題が発生するんですかね？？？
よくわかりません・・・