Update deps (#6)

* ***Update deps***
```
- new env variables needed to accommodate next-auth and @vercel/postgres requirement to have SSL
```

* - Full deps now

* *** fix type expectations for the useFormState ***
```
- Ensure initialState message is a string => create-form.tsx edit-form.tsx
```

* Prettier:
```
- cards.tsx
- latest-invoices.tsx
- revenue-chart.tsx
```

app/ui/dashboard/cards.tsx

@@ -53,8 +53,7 @@ export function Card({
         <h3 className="ml-2 text-sm font-medium">{title}</h3>
       </div>
       <p
-        className={`${lusitana.className}
-          truncate rounded-xl bg-white px-4 py-8 text-center text-2xl`}
+        className={`${lusitana.className} truncate rounded-xl bg-white px-4 py-8 text-center text-2xl`}
       >
         {value}
       </p>

app/ui/dashboard/latest-invoices.tsx

@@ -51,7 +51,7 @@ export default async function LatestInvoices() {
         </div>
         <div className="flex items-center pb-2 pt-6">
           <ArrowPathIcon className="h-5 w-5 text-gray-500" />
-          <h3 className="ml-2 text-sm text-gray-500 ">Updated just now</h3>
+          <h3 className="ml-2 text-sm text-gray-500">Updated just now</h3>
         </div>
       </div>
     </div>

app/ui/dashboard/revenue-chart.tsx

@@ -53,7 +53,7 @@ export default async function RevenueChart() {
         </div>
         <div className="flex items-center pb-2 pt-6">
           <CalendarIcon className="h-5 w-5 text-gray-500" />
-          <h3 className="ml-2 text-sm text-gray-500 ">Last 12 months</h3>
+          <h3 className="ml-2 text-sm text-gray-500">Last 12 months</h3>
         </div>
       </div>
     </div>

app/ui/invoices/create-form.tsx

@@ -12,7 +12,7 @@ import { createInvoice } from '@/app/lib/actions';
 import { useFormState } from 'react-dom';
 
 export default function Form({ customers }: { customers: CustomerField[] }) {
-  const initialState = { message: null, errors: {} };
+  const initialState = { message: '', errors: {} };
   const [state, dispatch] = useFormState(createInvoice, initialState);
   console.log(state);
   return (

app/ui/invoices/edit-form.tsx

@@ -20,7 +20,7 @@ export default function EditInvoiceForm({
   invoice: InvoiceForm;
   customers: CustomerField[];
 }) {
-  const initialState = { message: null, errors: {} };
+  const initialState = { message: '', errors: {} };
   const updateInvoiceWithId = updateInvoice.bind(null, invoice.id);
   const [state, dispatch] = useFormState(updateInvoiceWithId, initialState);
   return (