Add xr module and support webxr

[cptbtptpbcptdtptp]

You can use XR like this：

WebGLEngine.create({
  canvas: "canvas",
  xrDevice: new WebXRDevice(),
}).then((engine) => {
  const { xrManager } = this.engine;
  const referenceImage = new XRReferenceImage(
    "test",
    "https://s3-eu-west-1.amazonaws.com/apps.playcanvas.com/ptDfZUq7/files/assets/40497609/1/tracked%20image.png?t=3dbdbc3cf8c071534b04560e611ac631"
  );
  xrManager.addFeature(XRMovementTracking);
  xrManager.addFeature(XRPlaneTracking);
  xrManager.addFeature(XRImageTracking, [referenceImage]);

  // Users need to actively click the button to enter XR
  XRButton.onClick = function () {
    xrManager.enterXR(XRSessionMode.AR).then(
      () => {
        console.log("Enter AR");
      },
      (error) => {
        console.log("Not supported AR", error);
      }
    );
  };
});

[codecov]

Codecov Report

Attention: 469 lines in your changes are missing coverage. Please review.

Comparison is base (7a7bc45) 67.01% compared to head (0551f9a) 66.59%.
Report is 10 commits behind head on main.

❗ Current head 0551f9a differs from pull request most recent head 6d21eeb. Consider uploading reports for the commit 6d21eeb to get more accurate results

Files	Patch %	Lines
packages/core/src/xr/XRManager.ts	9.60%	113 Missing ⚠️
packages/core/src/xr/input/XRInputManager.ts	12.29%	107 Missing ⚠️
packages/core/src/particle/ParticleGenerator.ts	9.85%	64 Missing ⚠️
packages/core/src/xr/session/XRSessionManager.ts	14.49%	59 Missing ⚠️
packages/core/src/xr/feature/XRFeatureManager.ts	37.93%	18 Missing ⚠️
packages/core/src/Engine.ts	33.33%	9 Missing and 7 partials ⚠️
packages/core/src/xr/input/XRController.ts	5.88%	16 Missing ⚠️
...e-deserialize/resources/parser/ReflectionParser.ts	0.00%	13 Missing ⚠️
...oader/src/ktx2/transcoder/BinomialLLCWorkerCode.ts	0.00%	10 Missing ⚠️
packages/core/src/xr/feature/XRPlatformFeature.ts	50.00%	9 Missing ⚠️
... and 11 more

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1787      +/-   ##
==========================================
- Coverage   67.01%   66.59%   -0.43%     
==========================================
  Files         471      487      +16     
  Lines       23742    24225     +483     
  Branches     3381     3464      +83     
==========================================
+ Hits        15911    16132     +221     
- Misses       6633     6895     +262     
  Partials     1198     1198              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[cptbtptpbcptdtptp]

Let us try Mixins to split XR package:

function ApplyMixins(derivedCtor: any, baseCtors: any[]) {
    baseCtors.forEach(baseCtor => {
        Object.getOwnPropertyNames(baseCtor.prototype).forEach(name => {
            derivedCtor.prototype[name] = baseCtor.prototype[name];
        });
    });
}

// 第一个功能块
class FeatureA {
    featureA() {
        console.log('FeatureA');
    }
}

// 第二个功能块
class FeatureB {
    featureB() {
        console.log('FeatureB');
    }
}

// 主类
class MyClass {
    featureA: () => void;
    featureB: () => void;
    // 可以继续添加方法和属性
}

// 动态注入功能
ApplyMixins(MyClass, [FeatureA, FeatureB]);

// 现在 MyClass 有了 FeatureA 和 FeatureB
const myClassInstance = new MyClass();
myClassInstance.featureA(); // FeatureA
myClassInstance.featureB(); // FeatureB

Shell class focus:

Done.