refactor(BCHEP-572, BCHEP-568): changed hover to match the background color. Removed spcebar from triggering the enter

Author: jtwatts

app/frontend/components/domains/energy-savings-application/review-permit-application-screen.tsx

@@ -514,6 +514,8 @@ export const ReviewPermitApplicationScreen = observer(() => {
                             onClick={onTrainingPending}
                             borderColor="theme.darkGreen"
                             bg="theme.lightGreen"
+                            _hover={{ bg: 'theme.lightGreen' }}
+                            _active={{ bg: 'theme.lightGreen' }}
                             isDisabled={
                               hasUnsavedEdits ||
                               currentPermitApplication?.status === EPermitApplicationStatus.ineligible ||
@@ -581,6 +583,8 @@ export const ReviewPermitApplicationScreen = observer(() => {
                             onClick={onIneligibleOpen}
                             borderColor="semantic.errorDark"
                             bg="theme.softRose"
+                            _hover={{ bg: 'theme.softRose' }}
+                            _active={{ bg: 'theme.softRose' }}
                           >
                             {!isEditContractor
                               ? t('energySavingsApplication.show.inEligible')

app/frontend/components/domains/home/home-screen-box.tsx

@@ -58,7 +58,7 @@ export const HomeScreenBox = observer(
           cursor: isDisabled ? 'not-allowed' : 'pointer',
         }}
         onKeyDown={(e: React.KeyboardEvent) => {
-          if (!isDisabled && (e.key === 'Enter' || e.key === ' ')) {
+          if (!isDisabled && e.key === 'Enter') {
             e.preventDefault();
             const link = e.currentTarget.querySelector('a, button') as HTMLElement;
             link?.click();