Dark mode improvements and FarmaClic rebranding

- Dark mode: gray background instead of pure black
- Dark mode: improved notification card visibility (SavedNotifications)
- Dark mode: improved alerts view badge contrast (AlertsView)
- Dark mode: custom pharmacy-themed background image
- Rebranding: replace all logos with FarmaClic branding
- Update PWA icons, favicon, apple-touch-icon, and mobile app icons

apps/frontend/src/views/AlertsView.css

@@ -130,6 +130,42 @@
   background: var(--surface-container-high);
 }
 
+/* Dark mode adaptations */
+[data-theme="dark"] .alert-card {
+  background: var(--surface-container);
+}
+
+[data-theme="dark"] .alert-badge--primary {
+  background: rgba(239, 68, 68, 0.2);
+  color: #fca5a5;
+}
+
+[data-theme="dark"] .alert-badge--tertiary {
+  background: rgba(167, 139, 250, 0.2);
+  color: #c4b5fd;
+}
+
+[data-theme="dark"] .alert-icon--primary {
+  background: rgba(142, 212, 160, 0.15);
+  color: #8ed4a0;
+}
+
+[data-theme="dark"] .alert-icon--tertiary {
+  background: rgba(167, 139, 250, 0.15);
+  color: #a78bfa;
+}
+
+[data-theme="dark"] .alert-delete {
+  border-color: var(--border);
+  color: var(--text-muted);
+}
+
+[data-theme="dark"] .alert-delete:hover {
+  background: rgba(239, 68, 68, 0.12);
+  color: #fca5a5;
+  border-color: #f87171;
+}
+
 @media (max-width: 400px) {
   .alerts-title {
     font-size: 1.5rem;