default to max milage found for a new bill

pages/booking/[uuid]/bill.tsx

@@ -11,7 +11,7 @@ import {
   MILAGE_RATES,
   getMilageRateValue,
 } from '../../../db/enums'
-import { getBookingByUUID } from '../../../db/index'
+import { getBookingByUUID, getMilageMax } from '../../../db/index'
 import { dateFormatFrontend } from '../../../helpers/date'
 
 const milageRateOptions = Object.values(MILAGE_RATES).map((rate) => {
@@ -44,10 +44,13 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     res.end()
     return { props: {} }
   }
+
+  const milageMax = await getMilageMax()
+
   // TODO: hack, not sure why _id is not serilizable
   const bookingJSON = JSON.parse(JSON.stringify(booking.toJSON()))
   return {
-    props: { booking: bookingJSON },
+    props: { booking: bookingJSON, milageMax },
   }
 }
 
@@ -116,11 +119,15 @@ async function saveBill(
 
 export default function BillPage({
   booking: bookingProp,
+  milageMax,
 }: {
   booking: BookingDocument
+  milageMax: number
 }) {
   const [booking, setBooking] = useState(bookingProp)
-  const [milageStart, setMilageStart] = useState(booking.bill?.milageStart)
+  const [milageStart, setMilageStart] = useState(
+    booking.bill?.milageStart || milageMax
+  )
   const [milageEnd, setMilageEnd] = useState(booking.bill?.milageEnd)
   const [rate, setRate] = useState(
     booking.bill?.rate || MILAGE_RATES.EXTERN_LTE_200