adding favorite feature

static/css/favorites.css

@@ -0,0 +1,85 @@
+/* Estilos para la funcionalidad de favoritos */
+
+/* Indicador de favorito */
+.favorite-indicator {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    width: 25px;
+    height: 25px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    color: #ccc;
+    cursor: pointer;
+    z-index: 5;
+    transition: all 0.2s ease;
+}
+
+.favorite-indicator:hover {
+    transform: scale(1.1);
+}
+
+.favorite-indicator.active {
+    color: #ffc107;
+    text-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
+}
+
+/* Estilos para los elementos de la vista de favoritos */
+.favorite-item {
+    position: relative;
+}
+
+/* Ajustes para la vista de cuadrícula */
+.file-card.favorite-item {
+    border-left: 3px solid #ffc107;
+}
+
+/* Ajustes para la vista de lista */
+.file-item.favorite-item {
+    position: relative;
+    grid-template-columns: 30px minmax(200px, 2fr) 1fr 1fr 120px;
+}
+
+.file-item.favorite-item .favorite-indicator {
+    position: relative;
+    top: 0;
+    right: 0;
+    width: 30px;
+    height: 30px;
+}
+
+/* Estilos para el estado vacío específico de favoritos */
+.favorites-empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 50px 20px;
+    text-align: center;
+    color: #6c757d;
+}
+
+.favorites-empty-state i {
+    font-size: 48px;
+    color: #ffc107;
+    margin-bottom: 20px;
+    opacity: 0.6;
+}
+
+.favorites-empty-state p {
+    margin-bottom: 10px;
+    max-width: 400px;
+}
+
+/* Animación para la estrella de favorito */
+@keyframes favorite-pulse {
+    0% { transform: scale(1); }
+    50% { transform: scale(1.2); }
+    100% { transform: scale(1); }
+}
+
+.favorite-indicator.active {
+    animation: favorite-pulse 0.3s ease;
+}