Enhance UI and configuration for species settings and themes

- Updated Tailwind CSS configuration to include detailed theme definitions for light and dark modes, improving design consistency.
- Added tooltip styling in custom CSS for better user experience across various settings pages.
- Implemented selection functionality in the list detections view, allowing users to select multiple items for verification or deletion.
- Enhanced audio settings and filters with tooltips for better guidance on configuration options.
- Improved species settings management by adding sections for including and excluding species, along with custom action configurations.
- Streamlined the UI for species settings, ensuring clarity and ease of use with updated descriptions and tooltips.

This commit focuses on improving the user interface and experience in the species settings and related views, while also enhancing the underlying configuration for themes and tooltips.

assets/custom.css

@@ -358,4 +358,30 @@ thead.sticky-header {
 [data-theme=dark] .heatmap-color-9 {
   background: linear-gradient(135deg, var(--heatmap-color-9) 66%, var(--heatmap-color-8) 110%);
   color: var(--heatmap-text-9, #fff);
+}
+
+/* Tooltip styling */
+.tooltip {
+  position: absolute;
+  left: 0;
+  bottom: 100%;
+  margin-bottom: 0.5rem;
+  padding: 0.5rem;
+  font-size: 0.875rem;
+  border-radius: 0.375rem;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  z-index: 50;
+  background-color: var(--surface-200);
+  border: 1px solid var(--border-100);
+  max-width: 36rem;
+  white-space: normal;
+}
+
+/* Add overflow handling for tooltip container */
+.form-control.relative {
+  overflow: visible;
+}
+
+.collapse-content {
+  overflow: visible !important;
 }