feat: add new Example 33 (tooltip) and 34 (trading platform)

package.json

@@ -105,6 +105,8 @@
     "web-vitals": "^3.1.0"
   },
   "devDependencies": {
+    "@faker-js/faker": "^7.6.0",
+    "@fnando/sparkline": "^0.3.10",
     "@popperjs/core": "^2.11.6",
     "@release-it/conventional-changelog": "^5.1.1",
     "@slickgrid-universal/composite-editor-component": "^2.1.1",
@@ -117,6 +119,7 @@
     "@types/bluebird": "^3.5.37",
     "@types/dompurify": "^2.4.0",
     "@types/flatpickr": "^3.1.2",
+    "@types/fnando__sparkline": "^0.3.4",
     "@types/i18next-xhr-backend": "^1.4.2",
     "@types/jest": "^29.2.3",
     "@types/jquery": "^3.5.14",

src/examples/slickgrid/app.tsx

@@ -33,7 +33,8 @@ import Example29 from './example29';
 import Example30 from './example30';
 import Example31 from './example31';
 import Example32 from './example32';
-// import Example33 from './example33';
+import Example33 from './example33';
+import Example34 from './example34';
 
 const routes: Array<{ route: string; component: any; title: string; }> = [
   // { route: '/example1', component: React.lazy(() => import('./example1')), title: '1- Basic Grid / 2 Grids' },
@@ -69,8 +70,8 @@ const routes: Array<{ route: string; component: any; title: string; }> = [
   { route: '/example30', component: <Example30 />, title: '30- Composite Editor Modal' },
   { route: '/example31', component: <Example31 />, title: '31- Backend OData with RxJS' },
   { route: '/example32', component: <Example32 />, title: '32- Columns Resize by Content' },
-  // { route: '/example33', component: <Example33 />, title: '33- Regular & Custom Tooltip' },
-  // { route: '/example34', component: <Example34 />, title: '34- Real-Time Trading Platform' },
+  { route: '/example33', component: <Example33 />, title: '33- Regular & Custom Tooltip' },
+  { route: '/example34', component: <Example34 />, title: '34- Real-Time Trading Platform' },
 ];