fix: fixed binding group layout validation error

[re-ovo]

WebGPU does not allow automatically inferred layouts to be shared between different pipelines

🤔 This is a

• New feature
• Bug fix
• Site / Document optimization
• TypeScript definition update
• Refactoring
• Performance improvement
• Code style optimization
• Test Case
• Branch merge
• Other (about what?)

🔗 Related issue link

使用WebGPU后端时发生报错:

The current pipeline ([RenderPipeline (unlabeled)]) was created with a default layout, and is not compatible with the [BindGroup (unlabeled)] set at group index 0 which uses a [BindGroupLayout (unlabeled)] that was not created by the pipeline. Either use the bind group layout returned by calling getBindGroupLayout(0) on the pipeline when creating the bind group, or provide an explicit pipeline layout when creating the pipeline.
 - While encoding [RenderPassEncoder (unlabeled)].DrawIndexed(3600, 1, 0, 0, 0).
 - While finishing [CommandEncoder (unlabeled)].

💡 Background and solution

如果要共享绑定组的话，只能手动创建BindGroupLayout，目前是使用'auto'自动推断布局，不能在不同Pipeline之间共享。
这个PR直接为每个pipeline创建单独的布局。

📝 Changelog

Language	Changelog
🇺🇸 English
🇨🇳 Chinese

☑️ Self Check before Merge

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• TypeScript definition is updated/provided or not needed
• Changelog is provided or not needed