chore(ci): build app to ci

Author: boryanaT

.github/workflows/ci.yml

@@ -11,7 +11,7 @@ env:
 
 jobs:
   build:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04
 
     steps:
       - name: Use NodeJS v18
@@ -115,12 +115,12 @@ jobs:
           npm ci
           npm run build
 
-      # Add a build step (npm run build)
       - name: Build Kendo React Freemium app
         working-directory: ./examples/kendo-react-freemium
         if: steps.changes.outputs.kendo-react-freemium == 'true'
         run: |
           npm ci
+          npm run build
 
       - name: Build Homepage demo app
         working-directory: ./examples/kendo-react-homepage-demo

examples/kendo-react-freemium/custom.d.ts

@@ -0,0 +1,4 @@
+declare module "*.svg" {
+    const content: string;
+    export default content;
+  }

examples/kendo-react-freemium/src/assets/Logo.svg renamed to examples/kendo-react-freemium/src/assets/logo-1.svg

@@ -5,9 +5,7 @@ import { AppBar, AppBarSection, Avatar } from "@progress/kendo-react-layout";
 import { Badge, BadgeContainer } from '@progress/kendo-react-indicators';
 import { Popover } from '@progress/kendo-react-tooltip';
 import { SvgIcon } from '@progress/kendo-react-common';
-// @ts-ignore
-import logo from '../assets/logo.svg';
-// @ts-ignore
+import logo from '../assets/logo-1.svg';
 import compactLogo from '../assets/compact-logo.svg';
 import { bellIcon, logoutIcon, searchIcon, slidersIcon } from '@progress/kendo-svg-icons';
 import { useNavigate } from 'react-router-dom';

examples/kendo-react-freemium/src/components/AppBarComponent.tsx

@@ -20,5 +20,5 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src"]
+  "include": ["src", "src/components", "custom.d.ts"]
 }