Show item details on current page

[KinaUna]

Currently item details are displayed on a new page, it would be a better experience if the page doesn't have to reload the entire content, and when going back the position is lost.

Instead, the details should be loaded on the current page and displayed in a popup or modal.

Items:

• [x] Pictures
• [x] Calendar Events
• [x] Videos
• [x] Notes
• [x] Sleep
• [x] Friends
• [x] Contacts
• [x] Locations
• [x] Measurements
• [x] Skills
• [x] Vocabulary
• [x] Vaccinations

For each item:

• Add a details partial page, to show the content.
• Update the Web/Views/Timeline/[Item type] partial page to include the data attribute for event listeners.
• Add a boolean parameter to the [item type]Controller/[View item] action, when it is set to true return the partial page.
• Add a [item type]-details.ts script to fetch the partial page and display it in a popup.
• Update the [item type] index action if needed.

Each item needs to be added to the addTimelineItemEventListener function in Web/Scripts/item-details/items-display.ts, which should be called when an item is loaded on a page. Notifications also need to be updated to show a popup instead of navigating to a new page when clicking the notification.

[KinaUna]

Picture and Calendar events have been implemented.

[KinaUna]

Videos have been implemented.

[KinaUna]

Notes have been implemented.

[KinaUna]

Sleep items have been implemented.

[KinaUna]

Friend items have been implemented.

[KinaUna]

Contact items have been implemented.

[KinaUna]

Location Items have been implemented.

[KinaUna]

Measurements have been implemented.

[KinaUna]

Skills have been implemented.

[KinaUna]

Vocabulary items have been implemented.

[KinaUna]

Vaccination items have been implemented.