feat: I can hide/show filter bar and add filters directly from filter bar (#1173)

* I can hide/show filter bar and add filters directly from filter bar

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Add requested changes

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Revert breaking changes

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

front/src/modules/ui/table/table-header/components/TableHeader.tsx

@@ -78,12 +78,15 @@ export function TableHeader<SortField>({
           <FilterDropdownButton
             context={TableRecoilScopeContext}
             HotkeyScope={FiltersHotkeyScope.FilterDropdownButton}
+            isPrimaryButton
           />
           <SortDropdownButton<SortField>
+            context={TableContext}
             isSortSelected={sorts.length > 0}
             availableSorts={availableSorts || []}
             onSortSelect={sortSelect}
             HotkeyScope={FiltersHotkeyScope.FilterDropdownButton}
+            isPrimaryButton
           />
           <TableOptionsDropdownButton
             onColumnsChange={onColumnsChange}
@@ -99,6 +102,7 @@ export function TableHeader<SortField>({
           onCancelClick={() => {
             handleSortsUpdate([]);
           }}
+          hasFilterButton
         />
       }
     />