added eslint and prettier and formatted the whole codebase

src/components/ProductModal.jsx

@@ -1,6 +1,6 @@
-import { motion } from "motion/react";
-import ProductListTable from "./ProductListTable";
-import PropTypes from "prop-types";
+import { motion } from 'motion/react';
+import ProductListTable from './ProductListTable';
+import PropTypes from 'prop-types';
 
 function ProductModal({ productInfo, handleProductSelect }) {
   return (
@@ -18,10 +18,7 @@ function ProductModal({ productInfo, handleProductSelect }) {
         className="flex flex-col items-center bg-white p-4 py-8 rounded-3xl w-[60%] max-h-[80%] overflow-auto font-body"
       >
         <h2 className="text-xl mb-4">Select Product</h2>
-        <ProductListTable
-          productInfo={productInfo}
-          onSelectProduct={handleProductSelect}
-        />
+        <ProductListTable productInfo={productInfo} onSelectProduct={handleProductSelect} />
       </motion.div>
     </motion.div>
   );