Add more views and scenarios to Web components project

[dafo]

Description

More DataGrid/Gauges/Charts views should be added. We can use the existing views in Ignite UI for Angular project.
We should add some complex scenarios.

• Framework: Web Components

Expected result

Grid templates:

• Grid summaries -> Sample
• Grid editing -> Sample

Gauges:

• Linear gauge -> Sample
• Radial gauge -> Sample

Charts:

• Financial chart -> Sample

Scenarios:

• Form view -> Sample

[dafo]

The new views are added to this branch

[IvayloG]

Just a several points here,

1. in a generated project the test comand fails with:
   ❌ HomeComponent > is an instance of MyElement
   AssertionError: expected to be an instance of HomeComponent
   at o. (dist\src\app\home\home.component.test.js:6:31)

2. eslint errors in a generated project, for example
   

3. Wide/grid samples could benefit fom some right padding like padding-right: 20px;
   For example:
   ...
   margin: 0px;
   padding-left: 275px;
   padding-right: 20px;
   width: calc(100% - 275px);.
   }
   ....

4. Hosting the prod build under IIS with the dist content, throws several errors with pottentially wrong paths including dist/.

index.html:1 GET http://localhost/node_modules/igniteui-webcomponents/themes/bootstrap.css net::ERR_ABORTED 404 (Not Found)
index.html:22 GET http://localhost/dist/src/index.js net::ERR_ABORTED 404 (Not Found)
:22 GET http://localhost/dist/src/app.js net::ERR_ABORTED 404 (Not Found)