FIX - refine SkyRide layout and ride details

frontend/testserver/index.cjs

@@ -1114,7 +1114,9 @@ let skyRideAvailableRequests = [
     createdAt: unixTime(-90),
     currency: '$',
     destination: skyRideQuickLocations[1],
+    distanceMeters: 4200,
     driver: null,
+    durationSeconds: 480,
     id: 'skyride-request-demo',
     passenger: {
       avatarUrl:
@@ -1136,7 +1138,9 @@ let skyRideHistory = [
     createdAt: unixTime(-22 * 60 * 60),
     currency: '$',
     destination: skyRideQuickLocations[3],
+    distanceMeters: 4800,
     driver: skyRideDriver,
+    durationSeconds: 620,
     finalPrice: 31,
     id: 'skyride-history-1',
     passenger: skyRidePassenger,
@@ -1150,7 +1154,9 @@ let skyRideHistory = [
     createdAt: unixTime(-3 * 24 * 60 * 60),
     currency: '$',
     destination: skyRideQuickLocations[2],
+    distanceMeters: 18700,
     driver: skyRideDriver,
+    durationSeconds: 1380,
     finalPrice: 68,
     id: 'skyride-history-2',
     passenger: skyRidePassenger,
@@ -7411,7 +7417,9 @@ app.post('/api/:endpoint', (request, response) => {
       createdAt: now,
       currency: quote.option.currency,
       destination: quote.destination,
+      distanceMeters: quote.distanceMeters,
       driver: null,
+      durationSeconds: quote.durationSeconds,
       id: `skyride-ride-${skyRideSequence++}`,
       passenger: skyRidePassenger,
       pickup: quote.pickup,