fix(workspaces): QA issues

[foochifa]

Problem

A couple of UI problems was surfaced during the QA:

1. Empty scrollbars rendering beside folder tab grid and form rows grid
2. Create form button will overflow on smaller viewports
3. Empty new folders title and subtitle are not center-ed, can be seen in mobile view
4. Mobile row action drawer state is not reset at drawer closure
5. Rename modal does not reset value after closing the modal
6. Folder name is too long to ever be displayed

Solution

1. Set overflowY='auto' instead of scroll
2. Fix minW of form button to be 154px inline with design
3. Set textAlign='center' for title and sub text of EmptyNewWorkspace`
4. On closing row action drawer, will reset the state of move workspace to false
5. Conditionally render rename modal depending on whether it is opened
6. Reduced max folder name to 25 cha (sufficient to display fully on our maxW)

Breaking Changes

• Yes - this PR contains breaking changes
  • Details ...
• No - this PR is backwards compatible

Before & After Screenshots

BEFORE:

AFTER:

Tests

• In mac scroll bar settings, make sure scroll bar is shown always
• Go to dashboard, make sure there isn't any grey empty scrollbars beside workspace tabs and form row container
• In responsive layout, reduce the X resolution of your window to <1024, make sure that the words in the create button do not overflow out of the button
• In mobile mode, create a new folder
• Ensure the title and subtext are centered
• On any form pen a row action drawer, move a form to a folder
• Close the drawer
• Reopen the drawer, it should return to the default drawer and not the move to workspace drawer
• Open the folder rename modal
• Enter some value
• Close the modal
• Reopen it, the value should reset
• Create a new form with >25 cha title, it should fail
• Rename a form to >25 cha, it should fail
• Use curl to create a new form with >25 cha title, it should fail

[tshuli]

minor nits, lgtm!