Back Office Interface - Copy this React, Tailwind Component to your project

"Progetta un mockup semplice per un'interfaccia di back office per un progetto di gestione di appartamenti chiamato BoolBnB. L'interfaccia deve consentire agli amministratori di visualizzare, aggiungere, modificare e cancellare gli appartamenti. Includi le seguenti sezioni: Dashboard principale: Un elenco degli appartamenti disponibili, ciascuno con dettagli come il nome dell'appartamento, la città, il numero di stanze e lo stato (disponibile/non disponibile). Barra di ricerca e filtri: Opzioni per filtrare e cercare appartamenti per città, stato, o altre caratteristiche come il numero di stanze. Pulsanti di azione: Aggiungi pulsanti per creare un nuovo appartamento, modificare un appartamento esistente e cancellare un appartamento. Ogni appartamento nell’elenco deve avere i pulsanti per modificarlo o cancellarlo. Form di creazione/modifica: Un modulo con campi come nome dell’appartamento, indirizzo, descrizione, numero di stanze, numero di letti, bagni, metri quadri, latitudine e longitudine, e uno switch per lo stato (disponibile/non disponibile). Barra di navigazione laterale: Link per navigare tra diverse sezioni del back office (es. Appartamenti, Utenti, Statistiche, Messaggi). Utilizza un design pulito e semplice, simile a uno stile di dashboard amministrativa. Lo stile deve essere moderno e user friendly, con una palette colori sobria e intuitiva."