Upload file in timeseries container

Feature Request

🥅 Goal

As a shepard frontend user, I want to be able to upload timeseries CSV files to the timeseries container through a dialog, so that measurement data can be stored quickly without the need to use the API.

🏅 Acceptance Criteria

  1. The user can open a dialog to upload a timeseries CSV file in the timeseries container view.
    1. The dialog contains a drag and drop field just like in #599 (closed). The dialogue is restricted to .csv file endings and does not accept other file formats.
    2. There is an information text on top of the drag and drop field to explain to the user what files will be accepted (see design)
    3. The dialog accepts multiple files. After click on upload, all file uploads are executed.
      1. there is a notification at the end of the process that displays a count of how many timeseries were successfully created (e.g. 5/7 timeseries elements uploaded successfully)
        1. if all were succesfull, message is in green
        2. if one or more failure, whole message gets red. (for expample because of invalid column format)
        3. After clicking on "upload" the upload-in-progess-dialog shows a progress bar.
    4. After a successful upload, the list of timeseries is automatically refreshed in the frontend.

Technical Tasks

Visual Design

https://www.figma.com/design/ivBPq71AuUl2ohFnrzHIKF/Visual-Design?node-id=3777-6996&t=kSTSoc4K07YnXOnM-0

💣 Out of Scope

  1. The user can delete timeseries from the container by using a delete icon
    1. Simple confirmation dialogue warns the user
    2. delete is hard and permanent

💡 Hints

🤔 Risks & Open Questions

Edited by wiglef
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information