Muito obrigado pela ajuda, achei super interessante, ficou otimo, entendi tudo que você quis dizer, e queria saber se não estava tão ruim também né, mas que bom que não ficou tão diferente do que eu achava, e os valores vão vir do backend, vou usar django como backend ,mas por enquanto estou mockando esses valores para testar apenas.

Mas entendi, outra questão é a seguinte, onde eu vou adicionar uma nova seção, corrigindo pois coloquei errado, o sessão tem um sentido diferente de seção, estranho né, mas beleza ja troquei.

Para eu criar uma nova sessão seria interessante eu criar como se vosse um MCV? Tenho a view, que é esse, ela vai ter o controller que no caso seria a função createNewSession e o model viria no caso do django. E como ficaria a distribuição desseas pastas Não sei se consegui ser claro, mas resumindo tenho os botão para criar nova seção, para editar as seções existentes, onde eu devo criar essas funções.

.
├── next
├── pages/
│   ├── cadastras
│   ├── dashboard/
│   │   ├── configuracao
│   │   └── conta
│   ├── entrar
│   ├── interface/
│   │   ├── components/
│   │   │   └── .... components
│   │   └── recuperar
│   ├── __app.js
│   └── index.js
├── public/
│   ├── layout
│   └── svgs  
├── styles/
│   └── globals.css
└── tests

Geralmente eu coloco toda interação com endpoints externos dentro de uma pasta chamada services/data/sessions

Pode ser uma função genérica que recebe o metodo, rota e options. Recomendo utilizar o axios, pois o mesmo trás diversas facilidades