[Category Details Screen] Labels On Disabled Buttons Should Be Grayed Out

[rhsalas3]

Description:

Currently on the Category Details screen, for a button that is disabled, the background of the button is properly grayed out but the label (and switch for the 'Show Category' button) are not. This makes it a bit more difficult for users to tell the difference between a button that is tappable and one that is disabled. We should update the buttons to look more like designs, or at least how they were prior to the screen's layout changes.

This issue ticket is related to #485 and is caused by changes made in PR #527 . Notes about the expected behavior are in the PR conversation, and original AC that define expected behavior of the buttons for specific categories can be found in the conversation of issue ticket #465 .

Acceptance Criteria:

• Labels on disabled buttons of the Category Details screen should be grayed out.
• Categories with disabled buttons:
  • For 'My Sayings' -> the 'Remove Category', and 'Show Category' buttons should be disabled
  • For 'Recents' -> the 'Edit Phrases' button should be disabled
  • For '123' -> the 'Edit Phrases' button should be disabled

Design:

Example of a disabled button ('Remove Category') from the Category Details screen.
https://www.figma.com/file/mNrwUygVhTmuWnKNHHkenR/Vocable---Current?node-id=3641%3A27468

Screenshot(s):

[rhsalas3]

Tested on PR branch and this issue has been fixed.

PR #536