[ENG-36352] feat: improve table columns width and text truncation handling

[gdsantana]

Feature

Description

Improvements to table column handling and text display across the application:

• Column Styles Helper: Added new column-styles.js helper with utilities for fit-content columns and priority-based width management
• Data Table Pagination: Fixed pagination to use dynamic items per page value from store instead of hardcoded 10
• Date Formatting: Changed formatDateToDayMonthYearHour to return 'Not Available' instead of null when date is missing
• Users Service: Simplified teams formatting by removing conditional logic - now always returns array of team names
• Text Array Popup: Added text truncation detection with hover popup for the first item when text overflows its container

How to test

1. Column Styles:

   • Import columnStyles from @/helpers/column-styles
   • Use columnStyles.fitContent() for auto-width columns
   • Use columnStyles.priority(weight, minWidth, maxWidth) for priority-based widths

2. Text Truncation Popup:

   • Navigate to Users Management page
   • If a user has a long team name that gets truncated, hover over it for 1 second
   • A popup should appear showing the full text

3. Date Formatting:

   • Check any table with date columns
   • Missing dates should display "Not Available" instead of being empty

4. Pagination:

   • Change the number of rows per page in any table
   • Navigate away and return - the setting should persist correctly