Quiero crear una página de inicio de sesión/registro en mi aplicación con reaccionar pero en la sección del enrutador. No quiero que mi página de inicio de sesión tenga el componente de diseño que he creado para todas las demás páginas que representa mi aplicación. Todas las rutas que ve a continuación tienen el componente de diseño dentro de ellas, pero para la página de inicio de sesión, no quiero el diseño dentro de la página de inicio de sesión. Mi componente de diseño tiene una barra lateral y una barra superior integradas que son irrelevantes para la página de inicio de sesión. Esa es la razón por la que no lo quiero en las páginas de inicio de sesión o registro.

 import Dashboard from "./Pages/Dashboard/Dashboard"; import Wallets from "./Pages/Wallets"; import Crypto_transactions from "./Pages/Crypto_transactions"; import Rial_transactions from "./Pages/Rial_transactions"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Layout from "./Pages/Layout"; import Tickets from "./Pages/Tickets"; import Buy from "./Pages/Buy"; import Sell from "./Pages/Sell"; import Orders from "./Pages/Orders"; import Open_transactions from "./Pages/Open_transactions"; import Trade_logs from "./Pages/Trade_logs"; import Credit_cards from "./Pages/Credit_cards"; import Invitation from "./Pages/Invitation"; import Authentication from "./Pages/Authentication"; import Password from "./Pages/Password"; import Login from "./Pages/Login"; function App() { return ( <BrowserRouter> <Layout></Layout> <Routes> <Route path="/" element={<Dashboard />} /> <Route path="wallets" element={<Wallets />} /> <Route path="crypto-transactions" element={<Crypto_transactions />} /> <Route path="rial-transactions" element={<Rial_transactions />} /> <Route path="tickets" element={<Tickets />} /> <Route path="buy" element={<Buy />} /> <Route path="sell" element={<Sell />} /> <Route path="orders" element={<Orders />} /> <Route path="open-transactions" element={<Open_transactions />} /> <Route path="trade-logs" element={<Trade_logs />} /> <Route path="credit-cards" element={<Credit_cards />} /> <Route path="invitation" element={<Invitation />} /> <Route path="authentication" element={<Authentication />} /> <Route path="password" element={<Password />} /> </Routes> </BrowserRouter> ); } export default App;