update eli item buttons

Author: wbglaeser

src/ui/screens/eligibilty-overview/components/EligibilityOverviewItem.js

@@ -6,6 +6,7 @@ import RegularButton from '@/ui/shared-components/buttons/RegularButton';
 import { useSelectedBenefitStore, useSelectedTopicsStore } from "@/ui/storage/zustand";
 import EligibilityOverviewTag from './EligibilityOverviewTag';
 import EligibilityOverviewBanner from './EligibilityOverviewBanner';
+import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 
 const filterKeys = [
     'benefitCategories',
@@ -84,22 +85,24 @@ const EligibilityOverviewItem = ({ t, item, eligible }) => {
                     }
                     {eligible === 'indeterminate' &&
                         <RegularButton
-                            variant={'pinkContained'}
+                            variant={'blueHollow'}
                             onClick={() => {
                                 clearSelectedTopics()
                                 setSelectedBenefit(item.id);
                             }}
                             text={'app.browseAll.checkElBtn'}
                             link={`/onboarding-welcome/${item.id}`}
                             size='small'
+                            endIcon={<ChevronRightIcon sx={{ fontSize: '16px' }} />}                
                         />
 
                     }
                     <RegularButton
-                        variant={'blueHollow'}
+                        variant={'blackOutlined'}
                         text={'app.browseAll.learnMoreBtn'}
                         link={`/benefit-page/${item.id}`}
                         size='small'
+                        endIcon={<ChevronRightIcon sx={{ fontSize: '16px' }} />}
                     />
                 </HBox>
             </VBox>

src/ui/shared-components/buttons/RegularButton.js

@@ -26,6 +26,8 @@ const RegularButton = ({
   link = null,
   onClick = null,
   size = "medium",
+  startIcon = null,
+  endIcon = null
 }) => {
   const { t } = useTranslation();
   const chosenSizeStyles = sizeStyles[size] || sizeStyles.medium;
@@ -34,6 +36,8 @@ const RegularButton = ({
   return (
     <Button
       variant="contained"
+      startIcon={startIcon}
+      endIcon={endIcon}
       sx={{
         ...chosenSizeStyles,
         ...chosenVariantStyles,