Untitled

function App() {
  return (
    <div>
      <Routes>
        <Route path="/" element={ <Login /> } />
        <Route path="/meals/:id_da_receita" element={ <RecipeDetails /> } />
        <Route path="/drinks/:id_da_receita" element={ <RecipeDetails /> } />

        <Route path="/meals/:id_da_receita/inProgress" element={ <Recipes /> } />

        <Route path="/drinks/:id_da_receita/inProgress" element={ <Recipes /> } />

        <Route element={ <Layout /> }>
          <Route path="/meals" element={ <Recipes /> } />
          <Route path="/drinks" element={ <Drinks /> } />
        </Route>
        <Route element={ <LayoutSemOSearchIcon /> }> (ainda n existe, precisamos criar)
          <Route path="/profile" element={ <Profile /> } />
          <Route path="/done-recipes" element={ <DoneRecipes /> } />

          <Route path="/favorite-recipes" element={ <FavoriteRecipes /> } />

        </Route>

      </Routes>

    </div>
  );
}