[UI] Groups offers by backend

Minor cosmetics

Author: peterschmidt85

frontend/src/locale/en.json

@@ -364,7 +364,7 @@
       "quickstart_message_text": "Check out the quickstart guide to get started with dstack",
       "nomatch_message_title": "No matches",
       "nomatch_message_text": "We can't find a match. Try to change project or clear filter",
-      "filter_property_placeholder": "Filter runs by properties",
+      "filter_property_placeholder": "Filter by properties",
       "project": "Project",
       "project_placeholder": "Filtering by project",
       "repo": "Repository",
@@ -449,11 +449,11 @@
   },
   "offer": {
     "title": "Offers",
-    "filter_property_placeholder": "Filter offers by properties",
+    "filter_property_placeholder": "Filter by properties",
     "backend": "Backend",
     "backend_plural": "Backends",
     "availability": "Availability",
-    "groupBy": "Group by",
+    "groupBy": "Group by properties",
     "region": "Region",
     "count": "Count",
     "price": "$/GPU",
@@ -511,7 +511,7 @@
     "nomatch_message_text": "We can't find a match.",
     "nomatch_message_button_label": "Clear filter",
     "active_only": "Active fleets",
-    "filter_property_placeholder": "Filter fleets by properties",
+    "filter_property_placeholder": "Filter by properties",
     "statuses": {
       "active": "Active",
       "submitted": "Submitted",
@@ -521,7 +521,7 @@
     },
     "instances": {
       "active_only": "Active instances",
-      "filter_property_placeholder": "Filter instances by properties",
+      "filter_property_placeholder": "Filter by properties",
       "title": "Instances",
       "empty_message_title": "No instances",
       "empty_message_text": "No instances to display.",
@@ -559,7 +559,7 @@
     "delete_volumes_confirm_title": "Delete volumes",
     "delete_volumes_confirm_message": "Are you sure you want to delete these volumes?",
     "active_only": "Active volumes",
-    "filter_property_placeholder": "Filter volumes by properties",
+    "filter_property_placeholder": "Filter by properties",
 
     "name": "Name",
     "project": "Project name",

frontend/src/pages/Offers/List/index.tsx

@@ -220,7 +220,7 @@ export const OfferList = () => {
 
                     <div className={styles.filterField}>
                         <MultiselectCSD
-                            inlineLabelText={t('offer.groupBy')}
+                            placeholder={t('offer.groupBy')}
                             onChange={onChangeGroupBy}
                             options={groupByOptions}
                             selectedOptions={groupBy}

frontend/src/pages/Offers/List/styles.module.scss

@@ -11,7 +11,7 @@
   }
 
   .propertyFilter {
-    padding-top: 10px;
+    // padding-top: 10px;
     max-width: 640px;
     flex-grow: 1;
     min-width: 0;