adding some new design to a web timeline

Hello, The project is a timeline where it is possible to display all the documents related to a specific case by date. The project has been coded in HTML, JS, JSON, and is using [login to view URL] for the timeline. This project is meant to be used in an existing solution and should mostly stay as it is for it to work! Only the design must change. What i want is adding some design to it. i want to replace the squares in the timeline with an icon (.svg) per type of documents (of course because the data is not provided the icons should be the one by default). and then i want that when you click on a square, a window should open with all the previous informations (the object of the document, the link to open it (it is already possible to open it if we double click on it), the category (refer to the key, so it should be default), and the possibility to edit these information if needed via a button). i also want to add a filter so that the timeline can be displayed by the dates or the types of the document. The navigation buttons should be also placed as arrows and move by days or weeks. All the requirements for this project are explained in the schema. Please refer to it. I have also attached a screenshot of the project as it is, an icon for you to place in the timeline and in the key as well as the entire project Most of the project is done already it is just some design that i need you to do. I need it in a few hours and will be available if you have any questions. Thank you in advance.