fix conflicting file names

src/components/transactions/CSVUpload.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { Transaction } from "./Transaction";
 import { Alert, Button, Form, Modal } from "react-bootstrap";
-import { writeNewTransactionsBatched } from "../../utils/firestore";
+import { writeNewTransactionsBatched } from "../../utils/firestore.ts";
 import { auth } from "../../utils/firebase";
 
 export function CSVUpload({ show, setShow }: { show: boolean, setShow: React.Dispatch<React.SetStateAction<boolean>> }) {

src/components/transactions/InputTransaction.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { Transaction, emojis, formatDate, formatTime } from "./Transaction";
 import { Button, Modal, Form, Alert } from "react-bootstrap";
 import { auth } from "../../utils/firebase";
-import { writeNewTransaction } from "../../utils/firestore";
+import { writeNewTransaction } from "../../utils/firestore.ts";
 
 export function InputTransaction({ show, setShow}: { show: boolean, setShow: React.Dispatch<React.SetStateAction<boolean>> }) {
     const [name, setName] = useState<string>("");

src/components/transactions/Transaction.ts

@@ -1,4 +1,4 @@
-import { Transaction as TransactionDocument } from "../../utils/firestore";
+import { Transaction as TransactionDocument } from "../../utils/firestore.ts";
 
 export const emojis: { [index: string]: string } = {
     "Income": "💸",