fix: apply dropdown padding on whole table

[mantariksh]

Problem

In table fields, whenever dropdown fields are opened in the last 2 rows, we add padding to the bottom of the field so the dropdown options do not get hidden. This is broken in mobile view, likely since #894, resulting in dropdown options being hidden for the last row.

Solution

The problem is that table rows in mobile are display: block; as opposed to display: flex; like in desktop, resulting in the padding being applied incorrectly. The fix was to apply the padding on the table field as a whole instead of just the last row, which has the same effect but works properly in mobile.

Screenshots

Before (mobile)

After (mobile)

Before and after (desktop)

Tests

• Create a table field with multiple text and dropdown columns, where additional rows can be added. In the mobile view, check that opening a dropdown in either of the last 2 rows results in additional padding appearing at the bottom of the table, such that the dropdown options are visible.
• Add rows to the table field and check that the padding still only applies to the newly created last 2 rows.
• Delete the rows which were added and check that the behaviour is consistent.
• Repeat the above 3 checks for the desktop view.