feat: 添加短剧筛选功能和自定义Panel容器组件

1. 新增DramaQuery类型扩展分页查询参数，支持标题、状态、类型筛选
2. 重构usePageData hook，支持自定义查询类型和筛选状态管理
3. 新建Panel通用容器组件替代原生Card
4. 为短剧管理页面添加搜索筛选UI和逻辑
5. 统一所有页面的分页查询默认参数
6. 调整布局样式优化后台管理界面展示

src/Role/index.tsx

@@ -7,8 +7,8 @@ import { PermissionTreePicker } from "./components/PermissionTreePicker";
 import type { CreateRoleFormValues, Permission, Role } from "./interface";
 
 function RolesPage() {
-    const { data, loading, reload, changePage } = usePageData<Role>(roleApi.listRoles);
-    const permissions = usePageData<Permission>(roleApi.listPermissions);
+    const { data, loading, reload, changePage } = usePageData<Role>(roleApi.listRoles, { page: 1, pageSize: 20 });
+    const permissions = usePageData<Permission>(roleApi.listPermissions, { page: 1, pageSize: 20 });
     const [createForm] = Form.useForm();
     const [createVisible, setCreateVisible] = useState(false);
     const [creatingRole, setCreatingRole] = useState(false);