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

src/app/admin/resources/_client/short.tsx

@@ -108,19 +108,18 @@ export default function ShortResource(props: ShortResourceProps) {
     },
   })
 
-  const onSubmit = async (value: FilterSchema) => {
+  const handler = form.handleSubmit(async (value: FilterSchema) => {
     await refresh(1, data.size)
-  }
+  })
 
   return (
     <>
       {/* 操作区 */}
       <section className="flex justify-between flex-wrap">
         <div>
-
         </div>
 
-        <Form form={form} onSubmit={onSubmit} className="flex items-end gap-4 flex-wrap">
+        <Form form={form} handler={handler} className="flex items-end gap-4 flex-wrap">
           <FormField name="resource_no" label={<span className="text-sm">套餐编号</span>}>
             {({id, field}) => (
               <Input {...field} id={id} className="h-9"/>