✨ refactor(ui): Improve usage log filter responsiveness and mobile UX

Refactor the usage log filter toolbar into a shared reusable component for common, drawing, and task logs. Optimize desktop filters with a responsive grid, move secondary filters into a mobile drawer, standardize filter typography, remove redundant filter icons, and add the missing i18n translations for the new drawer description.

web/default/src/features/system-settings/auth/custom-oauth/components/provider-table.tsx

@@ -87,7 +87,7 @@ export function ProviderTable(props: ProviderTableProps) {
                   {provider.icon ? (
                     <span className='text-lg'>{provider.icon}</span>
                   ) : (
-                    <span className='text-muted-foreground text-xs'>--</span>
+                    <span className='text-muted-foreground text-sm'>--</span>
                   )}
                 </TableCell>
                 <TableCell className='font-medium'>{provider.name}</TableCell>
@@ -105,7 +105,7 @@ export function ProviderTable(props: ProviderTableProps) {
                     copyable={false}
                   />
                 </TableCell>
-                <TableCell className='text-muted-foreground max-w-[120px] truncate font-mono text-xs'>
+                <TableCell className='text-muted-foreground max-w-[120px] truncate font-mono'>
                   {provider.client_id}
                 </TableCell>
                 <TableCell className='text-right'>