style: apply fixes reported by stylelint

Some fixes to syntax that diverged from main project style

src/app/@theme/styles/styles.scss

@@ -30,4 +30,4 @@
   @include ngx-pace-theme();
 
   @include nb-overrides();
-};
+}

src/app/pages/dashboard/security-cameras/security-cameras.component.scss

@@ -73,7 +73,7 @@
     position: relative;
 
     &::before {
-      background-color: rgba(255, 255, 255, 0.1);
+      background-color: rgb(255 255 255 / 0.1);
       content: '';
       position: absolute;
       width: 100%;

src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss

@@ -25,15 +25,6 @@
     margin: 0 nb-theme(card-padding);
   }
 
-  .delta {
-    &.up .direction {
-      color: nb-theme(color-success-default);
-    }
-    &.down .direction {
-      color: nb-theme(color-danger-default);
-    }
-  }
-
   .delta {
     position: absolute;
     display: inline-block;
@@ -41,6 +32,13 @@
     right: 0;
     @include nb-rtl(left, 0);
     @include nb-rtl(right, auto);
+
+    &.up .direction {
+      color: nb-theme(color-success-default);
+    }
+    &.down .direction {
+      color: nb-theme(color-danger-default);
+    }
   }
 
   ngx-earning-live-update-chart {

src/app/pages/extra-components/chat/chat.component.scss

@@ -12,7 +12,6 @@
   nb-chat {
     margin: 3rem auto 0;
     width: 500px;
-
   }
 
   .chat-container {

src/app/pages/ui-features/grid/grid.component.scss

@@ -6,7 +6,7 @@
       margin: -0.5rem;
     }
 
-    div[class^=col-] {
+    div[class^='col-'] {
       padding: 0.5rem;
       box-sizing: border-box;