104398: Need to Resolve UI issue in employee management

[JamunaSundaramSF3699]

Feature description

Resolved multiple UI issues in the Employee Management module to enhance visual appeal, usability, and layout efficiency.
Key changes implemented:

1. Changed the column header label from "Code" to "Employee ID" for better clarity and standard terminology.
2. Updated the shape of value boxes from square to oval.
3. Removed the vertical scrollbar from the data grid.
4. Made the tooltip visible only on hover over the sidebar icon for a cleaner interface.
5. Removed unnecessary spacing between the grid and tabs for a more compact layout.

Requirement and specification document.

1. Rename Header Label - Change the column header from "Code" to "Employee ID" for better clarity and standard terminology.
2. Update Value Box Shape - Change the shape of value boxes from square to oval (rounded pill-shaped design).
3. Remove Grid Vertical Scrollbar -Remove the vertical scrollbar from the data grid, ensuring content is fully visible without scrolling or handled appropriately.
4. Tooltip Visibility on Hover -Hide the tooltip by default and display it only when the user hovers over the sidebar icon.
5. Remove Spacing Between Grid and Tabs -Eliminate the extra space (padding) between the data grid and the tab.

API Review task

NA

Output screenshots

Feature matrix document

Feature matrix document updated against this feature and committed in this common location .

• Yes
• NO
• NA

Provide the details about the areas or combinations which have been tested against this code changes.

• Tested against feature matrix.

Feature acceptance criteria (Test-case document)

Draft the test cases in excel and attach it in the MR itself. The automation must be covered based on this positive and worst-case test-cases.

Automation details

Mark 'Is Automated' field as (Yes, Manual, Not Applicable) in corresponding JIRA task once the feature is automated.

• BUnit, share corresponding MR.
• E2E or Manual Automation using tester - Make sure all items are automated with priority before release which can be tracked in automation dashboard.

Test bed sample location

Provide the test bed sample location where the code reviewers can review the new feature’s behaviors.

Feature completion checklist

UX changes got approval if UI is added or modified?

• Yes
• NO
• NA

Drafted UG for this feature?

• Yes
• NO
• NA

Content team reviewed the UI content changes.

• Yes
• NO
• NA

Is this the common feature which needs to be addressed in the same component or on other components in our platform?

• Yes
• NO

Is there any existing behavior change due to this code change?

• Yes
• NO

Blazor Checklist

Confirm whether the ensured feature is in both Blazor Server and WASM.

• Yes
• NO
• NA

Do the code changes cause any memory leak and performance issue?

• Yes
• NO

Reviewer Checklist

• All provided information are reviewed and ensured.

[BalajiSGrid]

Fine