fix(grid): fix ghost row styles (#17145)

* fix(grid): fix ghost row styles

* Update projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Simeon Simeonoff <sim.simeonoff@gmail.com>
Co-authored-by: Marin Popov <desig9stein@users.noreply.github.com>

Author: 4 people

projects/igniteui-angular/core/src/core/styles/components/grid/_grid-theme.scss

@@ -892,12 +892,14 @@
         &%igx-grid__tr--ghost {
             background: var-get($theme, 'row-ghost-background');
             color: var-get($theme, 'row-drag-color');
+            outline: rem(1px) solid var-get($theme, 'row-ghost-border-color');
             z-index: 10002;
 
             @include css-vars((
                 name: 'igx-grid-row',
                 row-ghost-background: map.get($theme, 'row-ghost-background'),
-                row-drag-color: map.get($theme, 'row-drag-color')
+                row-drag-color: map.get($theme, 'row-drag-color'),
+                row-ghost-border-color: map.get($theme, 'row-ghost-border-color')
             ));
         }
     }