feat: add client history and subtypes

- Added subtypes for services (Service/Retouch).
- Implemented expandable client rows to show service history.
- Added a search bar to filter clients by name.
- Added 'Oncological' status column to the client list.
- Created a new API endpoint for client history.

fix(db): ensure database persistence in Docker
- The database path is now configurable via the DB_PATH environment variable.
- The Dockerfile has been updated to create a persistent volume for data.
- The README now contains the correct 'docker run' command for data persistence.

ap-pos/styles.css

@@ -348,6 +348,43 @@ button.action-btn {
   height: 300px;
 }
 
+.dashboard-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 1rem;
+  margin-bottom: 2rem;
+}
+
+.appointments-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.appointment-item {
+  background-color: #fff;
+  padding: 15px;
+  border-radius: 8px;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.appointment-item a {
+  text-decoration: none;
+  color: #343a40;
+  font-weight: 600;
+}
+.appointment-item a:hover {
+  color: #0056b3;
+}
+
+.appointment-item .date {
+  color: #6c757d;
+  font-size: 14px;
+}
+
 /* --- Estilos específicos de Clientes --- */
 .form-grid-single {
   display: grid;
@@ -386,6 +423,40 @@ button.action-btn {
   display: none !important;
 }
 
+#m-subtipo-container {
+  /* Esto asegura que el contenedor del subtipo se alinee correctamente en el grid */
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: 160px 1fr;
+  gap: 18px;
+  align-items: center;
+}
+
+.client-history-row td {
+  padding: 0 !important;
+  background-color: #f8f9fa;
+}
+.client-history-content {
+  padding: 15px;
+}
+.client-history-content h4 {
+  margin-top: 0;
+  font-family: 'Montserrat', sans-serif;
+}
+.client-history-content table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.client-history-content th, .client-history-content td {
+  padding: 8px;
+  border-bottom: 1px solid #dee2e6;
+  font-size: 14px;
+}
+.client-history-content th {
+  text-align: left;
+  font-weight: 600;
+}
+
 /* --- Estilos de Configuración --- */
 .data-location-info {
   background-color: #e9ecef;