Show multiple launches on table

src/mission-control-client/src/routes/missions.tsx

@@ -155,7 +155,7 @@ function CreateMissionLaunchForm({ missionId }: { missionId: string }) {
         <Stack>
           <DateTimePicker
             label="Scheduled For"
-            placeholder="Orbital Bloom"
+            placeholder="Select scheduled for date/time"
             withAsterisk
             key={form.key('scheduledFor')}
             popoverProps={{ withinPortal: false }}
@@ -245,7 +245,7 @@ function MissionsTableRow({ mission }: { mission: Mission }) {
         <>
           <Table.Tr>
             <Table.Td colSpan={12}>
-              <Table highlightOnHover>
+              <Table>
                 <Table.Thead>
                   <Table.Tr>
                     <Table.Th>Scheduled For</Table.Th>
@@ -253,12 +253,16 @@ function MissionsTableRow({ mission }: { mission: Mission }) {
                   </Table.Tr>
                 </Table.Thead>
                 <Table.Tbody>
-                  <Table.Td>{mission.missionLaunch?.scheduledFor}</Table.Td>
-                  <Table.Td>
-                    <MissionLaunchStatusBadge
-                      status={mission.missionLaunch?.status ?? 'Cancelled'}
-                    />
-                  </Table.Td>
+                  {mission.missionLaunches.map((missionLaunch) => (
+                    <Table.Tr>
+                      <Table.Td>{missionLaunch.scheduledFor}</Table.Td>
+                      <Table.Td>
+                        <MissionLaunchStatusBadge
+                          status={missionLaunch.status}
+                        />
+                      </Table.Td>
+                    </Table.Tr>
+                  ))}
                 </Table.Tbody>
               </Table>
             </Table.Td>