[DLE 4.0] feat (ui): Snapshots (#471)

Description

• Snapshots: the same list as we have when we press the button "Show all snapshots" (bottom right corner at Overview).
  • Additionally, we add the action button "Create branch"
  • Similar to clones, we need a page to view details about particular snapshot + action buttons ("Destroy snapshot"; anything else?).

Related issue

#471 (closed)

Examples

Snapshots tab with table list

• Users can click on the item inside to table to navigate to the inner page, this also applies to "the "Show all snapshots" modal inside the instance page.
• Loading spinner for before data is loaded.
• Error message to display if something went wrong.

Create branch modal

• Upon clicking on the Create branch button, user is presented with the following modal. Submit button will be disabled until it satisfied the mandatory Branch name field along with one of the selects.
• If the response is successful user will be redirected to the newly created branch page.

Snapshot page

• Users can click on the Snapshots inside the breadcrumbs to navigate back to the snapshots tab.
• Loading spinner for before data is loaded.
• Error message to display if something went wrong.
• Reload info button refetches the data for a specific snapshot.
• Inputs inside the snapshot info section will copy the value to clipboard.

Destroy snapshot modal

Upon clicking on the Destory snapshot button, user is presented with the following modal, once confirmed the snapshot will be deleted and the user will be redirected back to the snapshots tab.

Checklist

• MR description has been reviewed
• MR changes are functionally tested
• MR does NOT have API/CLI changes OR there are API/CLI changes and they have been reviewed & DOCS ARE ADJUSTED (reference doc, etc)
• MR does NOT have UI changes OR there are UI changes and they have been reviewed & UX IS REVIEWED

Closes #471 (closed)