conic-gradient.
clip-path рассчитать при помощи JS: cos + sin, после его просто в нужный формат собрать и установить для блоков. Либо заранее посчитать все и записать сразу в CSS.
<BrowserRouter>
<Routes>
<Route path="/" element={<Dashboard />}>
<Route
path="messages"
element={<DashboardMessages />}
/>
<Route path="tasks" element={<DashboardTasks />} />
</Route>
<Route path="about" element={<AboutPage />} />
</Routes>
</BrowserRouter>