Add the corresponding program for the activity pop out window

[ChainShoe-Z]

Expected behaviour

The activity pop out window should also display which program does this activity belong to.

Actual behaviour

The pop out windows only show the activity type, date, and description.

Steps to reproduce

List steps that someone can perform to see the actual behavior, or delete this section if it's not relevant... After user clicking the activity, the program it belongs to should display next to the date

Details and resources

Get the program from service function, then add the corresponding program next to the date.

  <DialogContent>
    <DialogContentText id="alert-dialog-description" sx={{ mb: 1 }}>
      {timeRange()}
    </DialogContentText>
    <DialogContentText id="alert-dialog-description">
      <b>Description:</b> {contents.description}
    </DialogContentText>
  </DialogContent>

Checklist

• [x] This issue is linked to the appropriate project.
• [x] This issue has appropriate labels.