chore: format project automatically before starting dev server

app/dashboard/orders/page.tsx

@@ -14,10 +14,24 @@ export default function OrdersPage() {
     const {locale} = useLanguage();
     const copy = accountCopy[locale];
     const [orders, setOrders] = useState<CustomerOrder[] | null>(null);
-    useEffect(() => { if (auth.session) getOrders(auth.session.profile).then(setOrders); }, [auth.session]);
-    return <>
-        <h1 className="text-3xl font-extrabold text-primary">{copy.orders}</h1>
-        <p className="text-secondary mt-3 mb-7">{copy.dashboardDescription}</p>
-        {!orders ? <Skeleton active/> : orders.length ? <div className="space-y-4">{orders.map(order => <OrderCard key={order.id} order={order}/>)}</div> : <Empty description={copy.emptyOrders}/>} 
-    </>;
+    useEffect(() => {
+        if (auth.session) getOrders(auth.session.profile).then(setOrders);
+    }, [auth.session]);
+    return (
+        <>
+            <h1 className="text-3xl font-extrabold text-primary">{copy.orders}</h1>
+            <p className="text-secondary mt-3 mb-7">{copy.dashboardDescription}</p>
+            {!orders ? (
+                <Skeleton active />
+            ) : orders.length ? (
+                <div className="space-y-4">
+                    {orders.map(order => (
+                        <OrderCard key={order.id} order={order} />
+                    ))}
+                </div>
+            ) : (
+                <Empty description={copy.emptyOrders} />
+            )}
+        </>
+    );
 }