chore: updates for latest SCSS version

src/src/app/common/components/logo/logo.component.scss

@@ -1,4 +1,4 @@
-@import "../../constants";
+@use "../../constants" as *;
 
 .outer-content {
   position: relative;

src/src/app/common/components/twitch-login/twitch-login.component.scss

@@ -1,4 +1,4 @@
-@import "../../../common/constants";
+@use "../../../common/constants" as *;
 
 .twitch-login-button {
   text-align: center;

src/src/app/view/background-webgl/background-webgl.component.ts

@@ -1,13 +1,9 @@
 import {AfterViewInit, Component, ElementRef, OnDestroy, OnInit, ViewChild} from '@angular/core';
-import {StandardBannerComponent} from "../../common/components/standard-banner/standard-banner.component";
-
-@Component({
-    selector: 'app-background-webgl',
-    imports: [
-        StandardBannerComponent
-    ],
-    templateUrl: './background-webgl.component.html',
-    styleUrl: './background-webgl.component.scss'
+
+@Component({
+    selector: 'app-background-webgl',
+    templateUrl: './background-webgl.component.html',
+    styleUrl: './background-webgl.component.scss'
 })
 export class BackgroundWebglComponent implements OnInit, OnDestroy, AfterViewInit {
   @ViewChild("canvas")

src/src/app/view/home/home.component.scss

@@ -1,4 +1,4 @@
-@import "../../common/constants";
+@use "../../common/constants";
 
 .bye {
   margin-top: 50px;

src/src/app/view/home/home.component.ts

@@ -1,26 +1,21 @@
 import {Component, OnInit} from '@angular/core';
-import {LogoComponent} from "../../common/components/logo/logo.component";
 import {NullinsideService} from "../../service/nullinside.service";
 import {VM_ADMIN} from "../../common/constants";
 import {WebsiteApp} from "../../common/interface/website-app";
 import {Router} from '@angular/router';
-import {MatAnchor, MatButton} from '@angular/material/button';
 import {StandardBannerComponent} from '../../common/components/standard-banner/standard-banner.component';
 import {LoadingIconComponent} from "../../common/components/loading-icon/loading-icon.component";
 import {catchError, forkJoin, Observable, of} from "rxjs";
 import {UserRolesResponse} from "../../common/interface/user-roles-response";
 
-@Component({
-    selector: 'app-home',
-    imports: [
-        LogoComponent,
-        MatButton,
-        MatAnchor,
-        StandardBannerComponent,
-        LoadingIconComponent
-    ],
-    templateUrl: './home.component.html',
-    styleUrl: './home.component.scss'
+@Component({
+    selector: 'app-home',
+    imports: [
+        StandardBannerComponent,
+        LoadingIconComponent
+    ],
+    templateUrl: './home.component.html',
+    styleUrl: './home.component.scss'
 })
 export class HomeComponent implements OnInit {
   public roles: string[] | null = null;

src/src/app/view/imdb-search/imdb-search.component.scss

@@ -1,4 +1,4 @@
-@import "../../common/constants";
+@use "../../common/constants" as *;
 
 :host::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled) {
   background-color: rgba($font-color, .5);

src/src/app/view/login/login.component.scss

@@ -1,4 +1,4 @@
-@import "../../common/constants";
+@use "../../common/constants";
 
 .g_id_signin,
 g_id_onload {

src/src/app/view/login/login.component.ts

@@ -4,20 +4,18 @@ import { environment } from "../../../environments/environment";
 import { NullinsideService } from "../../service/nullinside.service";
 import { ActivatedRoute, ParamMap, Router } from "@angular/router";
 import { LoadingIconComponent } from "../../common/components/loading-icon/loading-icon.component";
-import { NgOptimizedImage } from '@angular/common';
 import { HttpErrorResponse } from '@angular/common/http';
 import { TwitchLoginComponent } from '../../common/components/twitch-login/twitch-login.component';
 
-@Component({
-    selector: 'app-login',
-    imports: [
-        LogoComponent,
-        LoadingIconComponent,
-        NgOptimizedImage,
-        TwitchLoginComponent
-    ],
-    templateUrl: './login.component.html',
-    styleUrl: './login.component.scss'
+@Component({
+    selector: 'app-login',
+    imports: [
+        LogoComponent,
+        LoadingIconComponent,
+        TwitchLoginComponent
+    ],
+    templateUrl: './login.component.html',
+    styleUrl: './login.component.scss'
 })
 export class LoginComponent implements OnInit {
   loginUrl: string;

src/src/app/view/twitch/twitch-bot-config/twitch-bot-config.component.scss

@@ -1,4 +1,4 @@
-@import "../../../common/constants";
+@use "../../../common/constants" as *;
 
 .text-box {
   max-width: 300px;

src/src/app/view/twitch/twitch-bot-faq/twitch-bot-faq.component.scss

@@ -1,4 +1,4 @@
-@import "../../../common/constants";
+@use "../../../common/constants";
 
 .faq {
   margin-top: 20px;

src/src/app/view/twitch/twitch-bot-index/twitch-bot-index.component.ts

@@ -1,24 +1,18 @@
 import {Component} from '@angular/core';
-import {NgOptimizedImage} from '@angular/common';
-import {LogoComponent} from '../../../common/components/logo/logo.component';
-import {MatButton} from '@angular/material/button';
 import {StandardBannerComponent} from '../../../common/components/standard-banner/standard-banner.component';
 import {TwitchLoginComponent} from '../../../common/components/twitch-login/twitch-login.component';
 import {TwitchBotFaqComponent} from "../twitch-bot-faq/twitch-bot-faq.component";
 import {environment} from "../../../../environments/environment";
 
-@Component({
-    selector: 'app-twitch-bot-index',
-    imports: [
-        NgOptimizedImage,
-        LogoComponent,
-        MatButton,
-        StandardBannerComponent,
-        TwitchLoginComponent,
-        TwitchBotFaqComponent
-    ],
-    templateUrl: './twitch-bot-index.component.html',
-    styleUrl: './twitch-bot-index.component.scss'
+@Component({
+    selector: 'app-twitch-bot-index',
+    imports: [
+        StandardBannerComponent,
+        TwitchLoginComponent,
+        TwitchBotFaqComponent
+    ],
+    templateUrl: './twitch-bot-index.component.html',
+    styleUrl: './twitch-bot-index.component.scss'
 })
 export class TwitchBotIndexComponent {
   protected readonly environment = environment;

src/src/styles.scss

@@ -6,12 +6,12 @@
 // For more information: https://material.angular.io/guide/theming
 @use '@angular/material' as mat;
 // Plus imports for other components in your app.
-@import "app/common/constants";
+@use "app/common/constants" as *;
 
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // Be sure that you only ever include this mixin once!
-@include mat.elevation-classes();
+@include mat.elevation-classes();
 @include mat.app-background();
 $dark-primary-text: rgba(black, 0.87);
 $light-primary-text: white;