add some ids to simplify cypress tests

Author: jpinsonneau

web/src/components/slider/scope-slider.tsx

@@ -16,6 +16,7 @@ export const ScopeSlider: React.FC<ScopeSliderProps> = ({ scope, setScope, scope
       {scopeDefs.map((sd, i) => (
         <ProgressStep
           key={`scope-step-${i}`}
+          id={`scope-step-${i}`}
           variant={sd.id === scope ? 'info' : 'pending'}
           isCurrent={sd.id === scope}
           onClick={() => setScope(sd.id)}

web/src/components/toolbar/filters/quick-filters.tsx

@@ -80,7 +80,13 @@ export const QuickFilters: React.FC<QuickFiltersProps> = ({ quickFilters, active
       >
         {quickFilters.map(qf => {
           return (
-            <SelectOption hasCheckbox isSelected={selectedList.includes(qf.name)} key={qf.name} value={qf.name}>
+            <SelectOption
+              hasCheckbox
+              isSelected={selectedList.includes(qf.name)}
+              id={`quick-filter-option-${qf.name}`}
+              key={qf.name}
+              value={qf.name}
+            >
               {qf.name}
             </SelectOption>
           );