chore(env): update application version to 2.2.4 in production environment

feat(multi-select): enhance MultiSelect component with dropdown positioning and portal rendering

- Added dynamic dropdown positioning to ensure it appears correctly relative to the trigger element.
- Implemented portal rendering for the dropdown to improve performance and prevent overflow issues.
- Refactored MultiSelect state management for better clarity and maintainability.

feat(switch): improve Switch component with GSAP animations and enhanced styling

- Integrated GSAP animations for thumb transitions and glow effects to enhance user interaction.
- Updated styling for the Switch component to improve visual feedback and responsiveness.

feat(companies-table): add currency and language metadata display in CompaniesTable

- Introduced currency and language metadata for better representation of company details.
- Enhanced UI for displaying company languages and currencies with tooltips for additional context.

feat(assign-to-company-modal): refactor AssignToCompanyModalContent to use MultiSelect

- Replaced Select component with MultiSelect for improved user experience in selecting companies.
- Streamlined state management and data handling for company assignments.

feat(customers-table): enhance customer company display with tooltips and improved layout

- Updated customer company display to show a maximum of two companies with a tooltip for additional companies.
- Improved styling for better visual representation of customer associations with companies.

feat(confirmation-modal): enhance ConfirmationModal with animations and improved accessibility

- Added GSAP animations for modal entrance and exit to improve user experience.
- Implemented accessibility features for better keyboard navigation and focus management.

feat(status): extend Status component with pulse and shimmer effects for enhanced visual feedback

- Introduced new visual effects for status indicators to improve user engagement and clarity.
- Updated styles for better integration with existing UI components.

feat(tooltip): enhance tooltip styling and functionality with new palettes

- Implemented a new tooltip design with gradient backgrounds and shadows for improved visibility.
- Updated tooltip parameters to support new styling options and enhance user experience.

src/css/style.css

@@ -164,6 +164,39 @@
   @apply !rounded-full !transition-opacity !duration-500;
 }
 
+/* ---- Fancy tooltip ---- */
+.react-tooltip.fancy-tooltip {
+  @apply !rounded-md !px-2 !py-0.5 !font-medium !tracking-normal !text-white;
+  font-size: 10.5px !important;
+  line-height: 1.3 !important;
+  z-index: 99999;
+  transform: scale(0.85) translateY(4px);
+  transform-origin: center;
+  transition:
+    opacity var(--rt-transition-show-delay, 0.15s) ease-out,
+    transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1) !important;
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+}
+
+.react-tooltip.fancy-tooltip.react-tooltip__show {
+  transform: scale(1) translateY(0);
+}
+
+.react-tooltip.fancy-tooltip.react-tooltip__closing {
+  transform: scale(0.92) translateY(2px);
+  transition:
+    opacity var(--rt-transition-closing-delay, 0.15s) ease-in,
+    transform 200ms cubic-bezier(0.4, 0, 1, 1) !important;
+}
+
+.react-tooltip.fancy-tooltip .react-tooltip-arrow {
+  background: inherit;
+  border: inherit;
+  width: 6px !important;
+  height: 6px !important;
+}
+
 .tableCheckbox:checked ~ div {
   @apply border-primary bg-primary;
 }