DEV - 11970: Fix Date Range dropdown visible height is too small

[jdhfrb]

High level description:

Fix Date Range dropdown visible height is too small

Technical details:

Overflow styling for classname "category-filter" prevented the date range dropdown to show more than a few options. Adding classnmae "time-period" to the TimePeriod component allows us to modify the parent "category-filter" styling to apply the styles when needed but not when the the child "time-period" class is present.

JIRA Ticket:
DEV-11970

The following are ALL required for the PR to be merged:

Author:

• Linked to this PR in JIRA ticket
• Scheduled demo including Design/Testing/Front-end OR Provided instructions for testing in JIRA and PR if applicable
• Verified cross-browser compatibility: Chrome, Safari, Firefox, Edge
• Verified mobile/tablet/desktop/monitor responsiveness
• Verified that this PR does not create any new accessibility issues (via Axe Chrome extension)
• Added Unit Tests for helper functions, reducers, models and Container/Component Interactivity Expectations if applicable React Testing Library
• API contract updated if applicable
• Component Library Integration Status Report updated if applicable

Reviewer(s):

• Design review complete if applicable
• API #1234 merged concurrently if applicable
• Code review complete

[nick-torres]

merge in qat to resolve conflicts