Implement detailed watchlist view

[Martenere]

screen mockups (can be done on pen and paper for speed)

for each screen: tell me the URL router path in the app Path: watchlists/:id

tell me if any fetch requests must be done (and to what API endpoint)

• Delete watchlist API call at endpoints
  • Delete API not implemented in API endpoints yet TODO
    • Delete call at watchlists/:id
• Put API call to update watchlist details

tell me any particular state that needs to be stored Fetch request is done by jotai atom watchlistState and the selected watchlist is stored in atom currentlyEditingState So in short use currentlyEditingState to get watchlistData

list of actions the user can perform (clicks, typing in forms, etc...)

• Click on watchlist name in navbar to navigate to watchlist/:id
• 3 dot menu inside of detailed view which gives acess to
  • Edit opens a Modal form
  • Delete watchlist

list of how I redirect / navigate to other pages from this screen Using navbar for main navigation

Quick planning before issue was created

Modal view, inspiration from spotify

[LinusWillmont]

Merged this branch for other team members to start working on other thing related Reopened to finish functionality