fix: Fix some gaps in search filters

src/shared/components/search.tsx

@@ -182,27 +182,22 @@ const Filter = ({
 }) => {
   return (
     <div className="col-sm-6">
-      <div className="row gx-2">
+      <label className="mb-1" htmlFor={`${filterType}-filter`}>
-        <label
+        {capitalizeFirstLetter(I18NextService.i18n.t(filterType))}
-          className="col-12 col-sm-auto col-form-label flex-grow-0"
+      </label>
-          htmlFor={`${filterType}-filter`}
+      <SearchableSelect
-        >
+        id={`${filterType}-filter`}
-          {capitalizeFirstLetter(I18NextService.i18n.t(filterType))}
+        options={[
-        </label>
+          {
-        <SearchableSelect
+            label: I18NextService.i18n.t("all"),
-          id={`${filterType}-filter`}
+            value: "0",
-          options={[
+          },
-            {
+        ].concat(options)}
-              label: I18NextService.i18n.t("all"),
+        value={value ?? 0}
-              value: "0",
+        onSearch={onSearch}
-            },
+        onChange={onChange}
-          ].concat(options)}
+        loading={loading}
-          value={value ?? 0}
+      />
-          onSearch={onSearch}
-          onChange={onChange}
-          loading={loading}
-        />
-      </div>
     </div>
   );
 };
@@ -588,7 +583,7 @@ export class Search extends Component<any, SearchState> {
             />
           </div>
         </div>
-        <div className="row gx-5 gy-2 mb-3">
+        <div className="row gy-2 gx-4 mb-3">
           {hasCommunities && (
             <Filter
               filterType="community"