feat(catalog): add filters to mobile

src/components/board-buttons/board-buttons.tsx

@@ -174,7 +174,7 @@ export const MobileBoardButtons = () => {
             <>
               <hr />
               <div className={styles.options}>
-                <SortOptions />
+                <SortOptions /> <CatalogFilters />
               </div>
             </>
           )}
@@ -231,7 +231,12 @@ export const DesktopBoardButtons = () => {
               {(isInAllView || isInSubscriptionsView) && (
                 <TimeFilter isInAllView={isInAllView} isInCatalogView={isInCatalogView} isInSubscriptionsView={isInSubscriptionsView} />
               )}
-              {(isInCatalogView || isInAllView || isInSubscriptionsView) && <CatalogFilters />}{' '}
+              {(isInCatalogView || isInAllView || isInSubscriptionsView) && (
+                <>
+                  [
+                  <CatalogFilters />]
+                </>
+              )}{' '}
               {!(isInAllView || isInSubscriptionsView) && (
                 <>
                   [

src/views/catalog/catalog-filters/catalog-filters.module.css

@@ -47,7 +47,6 @@
   border-left: var(--settings-modal-border-left);
 }
 
-
 .header {
   font-size: 16px;
   font-weight: 700;
@@ -77,6 +76,7 @@
 
 .filters {
   padding: 5px;
+  text-align: left;
 }
 
 .filters label {

src/views/catalog/catalog-filters/catalog-filters.tsx

@@ -55,11 +55,10 @@ const CatalogFilters = () => {
 
   return (
     <>
-      [
+      <span className='button' onClick={() => setShowModal(true)}>
-      <span className={styles.button} onClick={() => setShowModal(true)}>
         Filters
       </span>
-      ]{showModal && <FiltersModal closeModal={closeModal} />}
+      {showModal && <FiltersModal closeModal={closeModal} />}
     </>
   );
 };