fix: keep documents filter bar on a single line on desktop

Prevent the documents page filter bar (status tabs, sender filter, period selector, search) from
wrapping onto multiple lines or scrolling horizontally at desktop widths.

- Force a single row at the xl breakpoint where the full filter set fits within the container
- Narrow the sender filter (200px -> 160px) and period selector (192px -> 160px)
- Stretch the search input to fill the remaining row width, flush with the content edge
- Keep the existing wrapping behaviour below xl for smaller viewports
- Add a className passthrough to DocumentsTableSenderFilter for the width override

apps/remix/app/components/tables/documents-table-sender-filter.tsx

@@ -7,9 +7,10 @@ import { useLocation, useNavigate, useSearchParams } from 'react-router';
 
 type DocumentsTableSenderFilterProps = {
   teamId: number;
+  className?: string;
 };
 
-export const DocumentsTableSenderFilter = ({ teamId }: DocumentsTableSenderFilterProps) => {
+export const DocumentsTableSenderFilter = ({ teamId, className }: DocumentsTableSenderFilterProps) => {
   const { pathname } = useLocation();
   const [searchParams] = useSearchParams();
   const navigate = useNavigate();
@@ -52,6 +53,7 @@ export const DocumentsTableSenderFilter = ({ teamId }: DocumentsTableSenderFilte
           </Trans>
         </p>
       }
+      className={className}
       enableClearAllButton={true}
       inputPlaceholder={msg`Search`}
       loading={!isMounted || isLoading}