fix(web): improve mobile responsiveness of dashboard, plugin detail & models dialog

- monitoring: stack filters full-width, scrollable tab bar, reduce card/content padding on mobile
- models dialog: provider form modal no longer overflows viewport on small screens; shared panel body padding shrinks on mobile
- plugin logs: reduce horizontal padding on mobile

web/src/app/home/components/models-dialog/ModelsPanel.tsx

@@ -646,7 +646,7 @@ export default function ModelsPanel({
       </PanelBody>
 
       <Dialog open={providerFormOpen} onOpenChange={setProviderFormOpen}>
-        <DialogContent className="w-[600px] p-6">
+        <DialogContent className="w-full max-w-[calc(100%-2rem)] p-4 sm:max-w-[600px] sm:p-6">
           <DialogHeader>
             <DialogTitle>
               {editingProviderId

web/src/app/home/components/settings-dialog/panel-layout.tsx

@@ -38,7 +38,12 @@ export function PanelBody({
   children: React.ReactNode;
 }) {
   return (
-    <div className={cn('min-h-0 flex-1 overflow-auto px-6 py-5', className)}>
+    <div
+      className={cn(
+        'min-h-0 flex-1 overflow-auto px-3 py-4 sm:px-6 sm:py-5',
+        className,
+      )}
+    >
       {children}
     </div>
   );