重构布局组件，优化导航栏和头部结构；调整样式以改善响应式设计

src/app/admin/channels/page.tsx

@@ -99,7 +99,7 @@ export default function ChannelsPage(props: ChannelsPageProps) {
     <Page>
       <section className="flex justify-between">
         <div></div>
-        <Form form={filterForm} handler={filterHandler} className="flex-none flex gap-4 items-end">
+        <Form form={filterForm} handler={filterHandler} className="flex-auto flex flex-wrap gap-4 items-end">
           <FormField<FilterSchema, 'auth_type'> name="auth_type" label={<span className="text-sm">认证方式</span>}>
             {({field}) => (
               <Select value={field.value} onValueChange={field.onChange}>