change bulk selection panel to allow more versatile input (#4394)

# Description of Changes

- Add features to BulkSelectionPanel to allow more versatility when
selecting pages
- Make changes to Tooltip to: Remove non-existent props delayAppearance,
fixed defaults no hardcoded maxWidth, and documented new props
(closeOnOutside, containerStyle, minWidth). Clarify pinned vs. unpinned
outside-click logic, hover/focus interactions, and event/ref
preservation.
- Made top controls show full text always rather than dynamically
display the text only for the selected items
---

## Checklist

### General

- [ ] I have read the [Contribution
Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md)
- [ ] I have read the [Stirling-PDF Developer
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md)
(if applicable)
- [ ] I have read the [How to add new languages to
Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md)
(if applicable)
- [ ] I have performed a self-review of my own code
- [ ] My changes generate no new warnings

### Documentation

- [ ] I have updated relevant docs on [Stirling-PDF's doc
repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/)
(if functionality has heavily changed)
- [ ] I have read the section [Add New Translation
Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags)
(for new translation tags only)

### UI Changes (if applicable)

- [ ] Screenshots or videos demonstrating the UI changes are attached
(e.g., as comments or direct attachments in the PR)

### Testing (if applicable)

- [ ] I have tested my changes locally. Refer to the [Testing
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing)
for more details.

frontend/src/styles/theme.css

@@ -178,6 +178,12 @@
   --checkbox-border: #2F83BF;
   --checkbox-checked-bg: #3FAFFF;
   --checkbox-tick: #FFFFFF;
+
+  /* Bulk selection panel specific colors (light mode) */
+  --bulk-panel-bg: #ffffff; /* white background for parent container */
+  --bulk-card-bg: #ffffff; /* white background for cards */
+  --bulk-card-border: #e5e7eb; /* light gray border for cards and buttons */
+  --bulk-card-hover-border: #d1d5db; /* slightly darker on hover */
 }
 
 [data-mantine-color-scheme="dark"] {
@@ -322,6 +328,12 @@
   --tool-panel-search-bg: #1F2329;
   --tool-panel-search-border-bottom: #4B525A;
 
+  /* Bulk selection panel specific colors (dark mode) */
+  --bulk-panel-bg: var(--bg-raised); /* dark background for parent container */
+  --bulk-card-bg: var(--bg-raised); /* dark background for cards */
+  --bulk-card-border: var(--border-default); /* default border for cards and buttons */
+  --bulk-card-hover-border: var(--border-strong); /* stronger border on hover */
+
 }
 
 /* Dropzone drop state styling */