Feature/v2/all tools sidebar (#4151)

# Description of Changes

- Added the all tools sidebar
- Added a TextFit component that shrinks text to fit containers
- Added a TopToolIcon on the nav, that animates down to give users
feedback on what tool is selected
- Added the baseToolRegistry, to replace the old pattern of listing
tools, allowing us to clean up the ToolRegistry code
- Fixed Mantine light/dark theme race condition 
- General styling tweaks

---

## 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/components/shared/tooltip/Tooltip.README.md

@@ -14,6 +14,7 @@ A flexible, accessible tooltip component that supports both regular positioning
 - 📌 **Click-to-Pin**: Click to pin tooltips open, click outside or the close button to unpin
 - 🔗 **Link Support**: Full support for clickable links in descriptions, bullets, and body content
 - 🎮 **Controlled by Default**: Always uses controlled state management for consistent behavior
+- ⏱️ **Hover Timing Controls**: Optional long-hover requirement via `delayAppearance` and `delay`
 
 ## Behavior
 
@@ -61,6 +62,7 @@ function MyComponent() {
 | `arrow` | `boolean` | `false` | Shows a small triangular arrow pointing to the trigger element |
 | `portalTarget` | `HTMLElement` | `undefined` | DOM node to portal the tooltip into |
 | `header` | `{ title: string; logo?: ReactNode }` | - | Optional header with title and logo |
+| `delay` | `number` | `0` | Optional hover-open delay (ms). If omitted or 0, opens immediately |
 
 ### TooltipTip Interface
 
@@ -106,6 +108,17 @@ interface TooltipTip {
 </Tooltip>
 ```
 
+### Optional Hover Delay
+
+```tsx
+// Show after a 1s hover
+<Tooltip content="Appears after a long hover" delay={1000} />
+
+// Custom long-hover duration (2 seconds)
+<Tooltip content="Appears after 2s" delay={2000} />
+```
+
+
 ### Custom JSX Content
 
 ```tsx
@@ -214,6 +227,12 @@ Links automatically get proper styling with hover states and open in new tabs wh
 - Calculates optimal position based on trigger element's `getBoundingClientRect()`
 - **Dynamic arrow positioning**: Arrow stays aligned with trigger even when tooltip is clamped
 
+## Timing Details
+
+- Opening uses `delay` (ms) if provided; otherwise opens immediately. Closing occurs immediately when the cursor leaves (unless pinned).
+- All internal timers are cleared on state changes, mouse transitions, and unmount to avoid overlaps.
+- Only one tooltip can be open at a time; hovering a new trigger closes others immediately.
+
 ### Sidebar Tooltips
 - When `sidebarTooltip={true}`, horizontal positioning is locked to the right of the sidebar
 - Vertical positioning follows the trigger but clamps to viewport

frontend/src/components/shared/tooltip/Tooltip.module.css

@@ -10,7 +10,6 @@
   pointer-events: auto;
   z-index: 9999;
   transition: opacity 100ms ease-out, transform 100ms ease-out;
-  min-width: 25rem;
   max-width: 50vh;
   max-height: 80vh;
   color: var(--text-primary);