refactor(UX): Tabbed view for Payroll module doctypes

[saurabh6790]

Additional Salary

Employee Benefit Application

Employee Benefit Claim

Employee Incentive

Employee Other Income

Employee Tax Exemption Declaration

Employee Tax Exemption Proof Submission

Gratuity

Gratuity Rule

Income Tax Slab

Payroll Entry

Retention Bonus

Salary Component

Salary Slip

Salary Structure

Salary Structure Assignment

[ruchamahabal]

Can we drop "Details" from the tabs.

I had also titled them in a similar way earlier:

But I changed it to shorter titles for a cleaner view:

[ruchamahabal]

Also, maybe we can skip the tabbed view for smaller forms that fit within a viewport to save clicks? Example:

• Employee Benefit Application & Claim
• Income Tax Slab
• Employee Incentive
• Retention Bonus, etc

[saurabh6790]

@ruchamahabal Pushed fixes!

[ruchamahabal]

I understand that this button is associated with the table but IMO, moving this button inside the form has made it more confusing. Primary action was more intuitive. Maybe we should keep the employee table on page 1 itself, and revert back to the primary action.

[ruchamahabal]

Added scroll_to_field instead. @saurabh6790 is this okay?

scroll.mp4