Remove "Filters" label

src/features/explorer/components/explorerFilter.tsx

@@ -1,14 +1,13 @@
 import arrowIcon from '@tabler/icons/outline/chevron-down.svg';
 import { debounce } from 'es-toolkit';
 import { useEffect, useMemo, useState } from 'react';
-import { defineMessages, useIntl } from 'react-intl';
+import { useIntl } from 'react-intl';
 
 import { changeSearch, submitSearch } from 'soapbox/actions/search.ts';
 import Divider from 'soapbox/components/ui/divider.tsx';
 import HStack from 'soapbox/components/ui/hstack.tsx';
 import IconButton from 'soapbox/components/ui/icon-button.tsx';
 import Stack from 'soapbox/components/ui/stack.tsx';
-import Text from 'soapbox/components/ui/text.tsx';
 import {
   CreateFilter,
   LanguageFilter,
@@ -21,10 +20,6 @@ import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
 import { IFilters } from 'soapbox/reducers/search-filter.ts';
 
-const messages = defineMessages({
-  filters: { id: 'column.explorer.filters', defaultMessage: 'Filters:' },
-});
-
 interface IGenerateFilter {
   name: string;
   status: boolean | null;
@@ -91,11 +86,7 @@ const ExplorerFilter = () => {
 
       {/* Filters */}
       <HStack alignItems='start' justifyContent='between' space={1}>
-        <HStack className='flex-wrap whitespace-normal' alignItems='center' space={2}>
+        <HStack className='flex-wrap whitespace-normal' alignItems='center'>
-          <Text size='lg' weight='bold'>
-            {intl.formatMessage(messages.filters)}
-          </Text>
-
           {filters.length > 0 && [...filters.slice(0, 8).filter((value) => value.status).map((value) => generateFilter(dispatch, intl, value)), ...filters.slice(8).map((value) => generateFilter(dispatch, intl, value))]}
 
         </HStack>

src/features/explorer/index.tsx

@@ -27,6 +27,7 @@ const messages = defineMessages({
   accounts: { id: 'search_results.accounts', defaultMessage: 'Accounts' },
   statuses: { id: 'search_results.posts', defaultMessage: 'Posts' },
   trends: { id: 'search_results.trends', defaultMessage: 'Trends' },
+  filters: { id: 'column.explorer.filters', defaultMessage: 'Filters:' },
 });
 
 const checkFilters = (filters: IFilters[]) => {
@@ -40,6 +41,7 @@ const checkFilters = (filters: IFilters[]) => {
 
 const PostsTab = () => {
   const path = useLocation().pathname;
+  const intl = useIntl();
   const inPosts = path === '/explorer';
   const filters = useAppSelector((state) => state.search_filter);
 
@@ -55,7 +57,7 @@ const PostsTab = () => {
 
         <ExplorerCards />
 
-        <Divider text='Filters' />
+        <Divider text={intl.formatMessage(messages.filters)} />
 
         <ExplorerFilter />