add data-cy for webstore home page test

Author: DiemBTran

src/components/SearchBar/SearchBar.jsx

@@ -14,7 +14,7 @@ const SearchBar = ({ addClass, initialValue, onSubmit, placeholder }) => {
 
   return (
     <div className={`search-bar-container ${addClass}`}>
-      <form className='search-bar-form' method='get' onSubmit={handleSubmit}>
+      <form className='search-bar-form' method='get' onSubmit={handleSubmit} data-cy='search-bar'>
         <label>
           <span className='visually-hidden'>Search all services</span>
         </label>

src/compounds/ItemGroup/ItemGroup.jsx

@@ -9,7 +9,7 @@ import './item-group.scss'
 const ItemGroup = ({ buttonProps, items, isLoading, orientation, withButtonLink, withTitleLink }) => (
   <>
     <Title addClass='mb-2' size='large' title='Featured Services' />
-    <Row xs={1} sm={2} className={`g-5 mb-5 ${orientation === 'vertical' && 'row-cols-md-3'}`}>
+    <Row xs={1} sm={2} className={`g-5 mb-5 ${orientation === 'vertical' && 'row-cols-md-3'}`} data-cy='item-group'>
       {isLoading
         ? (
           <>