>> Второй вопрос по поводу места где они набиваются я правильно понимаю, что ты про этот код говорил:
projects={timer.Task.TaskProjects?.map((n) => n.Project) || []}
Просто на самой странице тоже есть map:
{timers.map((timer) => { return <OfficeTimersTimer key={timer.id} timer={timer} /> })}

Во-первых, я это показывал для примера. Во-вторых, в одном месте перечисление задач проекта, а в другом случае перечисление таймеров. Это как бы вообще не одно и то же.