fix(lint): Linter errors and warnings

Author: rkaraivanov

src/components/tile-manager/themes/tile.base.scss

@@ -19,6 +19,7 @@
     background: var(--placeholder-background);
     border: 1px solid var(--ghost-border);
     border-radius: var(--border-radius);
+
     igc-resize {
         --resize-visibility: hidden;
     }

src/components/tile-manager/tile-dnd.spec.ts

@@ -40,7 +40,7 @@ describe.skip('Tile drag and drop', () => {
   function createTileManager() {
     const result = Array.from(range(5)).map(
       (i) => html`
-        <igc-tile id="tile${i}" colSpan="5" rowSpan="5">
+        <igc-tile id="tile${i}" col-span="5" row-span="5">
           <igc-tile-header slot="header">
             <h3 slot="title">Tile ${i + 1}</h3>
           </igc-tile-header>

src/components/tile-manager/tile-manager.spec.ts

@@ -38,7 +38,7 @@ describe('Tile Manager component', () => {
   function createTileManager() {
     const result = Array.from(range(5)).map(
       (i) => html`
-        <igc-tile id="tile${i}" colSpan="5" rowSpan="5">
+        <igc-tile id="tile${i}" col-span="5" row-span="5">
           <igc-tile-header slot="header">
             <h3 slot="title">Tile ${i + 1}</h3>
           </igc-tile-header>
@@ -490,10 +490,10 @@ describe('Tile Manager component', () => {
           <igc-tile tile-id="custom-id1"> Tile content 1 </igc-tile>
           <igc-tile
             tile-id="custom-id2"
-            colStart="8"
-            colSpan="10"
-            rowStart="7"
-            rowSpan="7"
+            col-start="8"
+            col-span="10"
+            row-start="7"
+            row-span="7"
             disable-drag
             disable-resize
           >

stories/tile-manager.stories.ts

@@ -695,7 +695,7 @@ export const Maximized: Story = {
           >Toggle maximized state</igc-button
         >
       </igc-tile>
-      <igc-tile rowStart="5">
+      <igc-tile row-start="5">
         <igc-tile-header slot="header"></igc-tile-header>
         <h2>I am not maximized and will be under the maximized tile</h2>
       </igc-tile>
@@ -898,15 +898,15 @@ export const CustomActions: Story = {
           state of the tile
         </p>
       </igc-tile>
-      <igc-tile colSpan="2">
+      <igc-tile col-span="2">
         <igc-tile-header slot="header">
           <h3 slot="title">Empty Fullscreen Action</h3>
           <div slot="fullscreen-action"></div>
         </igc-tile-header>
 
         <p>Empty div added to the fullscreen action slot</p>
       </igc-tile>
-      <igc-tile colSpan="2">
+      <igc-tile col-span="2">
         <igc-tile-header slot="header">
           <h3 slot="title">Default Actions</h3>
         </igc-tile-header>