feat(app): introduce component library in react [EE-1816] (#6236)

* refactor(app): replace notification with es6 service (#6015) [EE-1897]

chore(app): format

* refactor(containers): remove the dependency on angular modal service (#6017) [EE-1898]

* refactor(app): remove angular from http-request [EE-1899] (#6016)

* feat(app): add axios [EE-2035](#6077)

* refactor(feature): remove angular dependency from feature service [EE-2034] (#6078)

* refactor(app): replace box-selector with react component (#6046)

fix: rename angular2react

refactor(app): make box-selector type generic

feat(app): add story for box-selector

feat(app): test box-selector

feat(app): add stories for box selector item

fix(app): remove unneccesary element

refactor(app): remove assign

* feat(feature): add be-indicator in react [EE-2005] (#6106)

* refactor(app): add react components for headers [EE-1949] (#6023)

* feat(auth): provide user context

* feat(app): added base header component [EE-1949]

style(app): reformat

refactor(app/header): use same api as angular

* feat(app): add breadcrumbs component [EE-2024]

* feat(app): remove u element from user links

* fix(users): handle axios errors

Co-authored-by: Chaim Lev-Ari <chiptus@gmail.com>

* refactor(app): convert switch component to react [EE-2005] (#6025)

Co-authored-by: Marcelo Rydel <marcelorydel26@gmail.com>

app/kubernetes/views/resource-pools/components/storage-class-switch/index.js

@@ -0,0 +1,14 @@
+import angular from 'angular';
+import controller from './storage-class-switch.controller.js';
+
+export const storageClassSwitch = {
+  templateUrl: './storage-class-switch.html',
+  controller,
+  bindings: {
+    value: '<',
+    onChange: '<',
+    name: '<',
+  },
+};
+
+angular.module('portainer.kubernetes').component('storageClassSwitch', storageClassSwitch);

app/kubernetes/views/resource-pools/components/storage-class-switch/storage-class-switch.controller.js

@@ -0,0 +1,16 @@
+import { FeatureId } from '@/portainer/feature-flags/enums';
+
+class StorageClassSwitchController {
+  /* @ngInject */
+  constructor() {
+    this.featureId = FeatureId.K8S_RESOURCE_POOL_STORAGE_QUOTA;
+
+    this.handleChange = this.handleChange.bind(this);
+  }
+
+  handleChange(value) {
+    this.onChange(this.name, value);
+  }
+}
+
+export default StorageClassSwitchController;

app/kubernetes/views/resource-pools/components/storage-class-switch/storage-class-switch.html

@@ -0,0 +1,12 @@
+<div class="form-group">
+  <div class="col-sm-2">
+    <por-switch-field
+      data-cy="'k8sNamespaceCreate-enableQuotaToggle'"
+      label="'Enable quota'"
+      name="'k8s-resourcepool-storagequota'"
+      feature-id="$ctrl.featureId"
+      checked="$ctrl.value"
+      on-change="($ctrl.handleChange)"
+    ></por-switch-field>
+  </div>
+</div>