IgniteUI
diff --git a/‎.appbuilder-state.json
-1 b/‎.appbuilder-state.json
-1
diff --git a/‎.gitignore
+5-1 b/‎.gitignore
+5-1
diff --git a/‎README.md
-3 b/‎README.md
-3
diff --git a/‎generationLogs.json
-1 b/‎generationLogs.json
-1
diff --git a/‎ig-theme.css
-231 b/‎ig-theme.css
-231
diff --git a/‎index.html
+3-17 b/‎index.html
+3-17
@@ -1,7 +1,7 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
+**/node_modules
 /.pnp
 .pnp.js
 
@@ -10,6 +10,8 @@
 
 # production
 /build
+**/dist
+**/tsconfig.tsbuildinfo
 
 # misc
 .DS_Store
@@ -21,3 +23,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+**/.vs
@@ -10,9 +10,6 @@ Run `npm start` to build the application, start a web server and open the applic
 
 Run `npm run build` to build the application into an output directory.
 
-## Running unit tests
-
-Run `npm test` to execute the unit tests via [Vitest](https://vitest.dev/). Runs all `.test.tsx` files under `./src` folder.
 
 ## Running code style checks
 
 
@@ -10,26 +10,12 @@
     <meta name="theme-color" content="#000000" />
     <title>grid landing pages</title>
     <link rel="stylesheet" href="./styles.css">
+    <link href='https://fonts.googleapis.com/css?family=Titillium+Web:wght@300;400;600;700' rel='stylesheet'>
     <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'>
-  <link href='./node_modules/@igniteui/material-icons-extended/styles/sprite.css' rel='stylesheet'>
-  <link rel='stylesheet' href='./node_modules/igniteui-webcomponents/themes/light/material.css'>
-  <link rel='stylesheet' href='./node_modules/igniteui-react-grids/grids/themes/light/material.css'>
-  <link href='https://fonts.googleapis.com/css?family=Titillium+Web:wght@300;400;600;700' rel='stylesheet'>
-  <link rel='stylesheet' href='./ig-theme.css'>
 </head>
-  <body>
+  <body class="ig-scrollbar ig-typography">
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
+    <div id="root"><img class="loading-indicator" src="/loading.svg"/></div>
   </body>
   <script type="module" src="/src/main.tsx"></script>
 </html>