feat: show filter buttons on mobile for landing page search

See: FE-134

Author: marcel-bitfly

frontend/layers/base/app/components/BaseChipGroup.vue

@@ -61,7 +61,7 @@ const handleSelectFilter = (value: ChipItem['value']) => {
 
 <template>
   <ul
-    class="flex gap-md px-2xl py-lg"
+    class="flex flex-wrap gap-md px-2xl py-lg"
     role="group"
     :aria-label
   >

frontend/layers/products/app/components/BlockchainSearchInput.vue

@@ -77,15 +77,13 @@ const handleTypeFilterChange = () => {
     @search="handleSearch"
   >
     <template #dropdown-fixed-header>
-      <div class="hidden sm:block">
-        <BaseChipGroup
-          v-model="searchParams.types"
-          :items="chips"
-          :aria-label="$t('products.landing_page.search.filter_aria_label')"
-          @update:model-value="handleTypeFilterChange"
-        />
-        <hr class="mx-2xl text-gray-600">
-      </div>
+      <BaseChipGroup
+        v-model="searchParams.types"
+        :items="chips"
+        :aria-label="$t('products.landing_page.search.filter_aria_label')"
+        @update:model-value="handleTypeFilterChange"
+      />
+      <hr class="mx-2xl text-gray-600">
     </template>
 
     <template #result-group-label="{ label }">