Standardize coding style and formatting across the project

Updated codebase to follow consistent styling for spacing, braces, and indentation. Changes improve readability and align with standardized conventions throughout SCSS, TypeScript, and HTML files.

frontend/src/app/header/header.component.html

@@ -65,8 +65,7 @@
         </div>
         <a href="/"><img ngSrc="/public/img/logos/logo.png" alt="Altitude Server Logo" height="319" width="550"></a>
         <ul id="nav_list">
-          <li class="nav_li"><a [id]="[current_page === 'index' ? 'current-page' : null]" class="nav_link"
-                                href="/">Home</a>
+          <li class="nav_li"><a [id]="getCurrentPageId(['home'])" class="nav_link" href="/">Home</a>
           </li>
           <li class="nav_li">
           <span [id]="getCurrentPageId(['map', 'customfeatures', 'economy', 'events', 'mypet', 'warps',

frontend/src/app/header/header.component.scss

@@ -31,7 +31,7 @@ header .container {
 #nav.active {
   height: 80px;
   background-color: var(--color-primary);
-  box-shadow: 0 2px 3px -1px rgba(30,30,30,0.1);
+  box-shadow: 0 2px 3px -1px rgba(30, 30, 30, 0.1);
 }
 
 .nav_link.active {
@@ -49,7 +49,7 @@ nav img {
 
 .nav_li {
   display: inline;
-  font-family: 'minecraft-title',sans-serif;
+  font-family: 'minecraft-title', sans-serif;
   color: #333333;
   position: relative;
 }
@@ -162,7 +162,7 @@ nav img {
   border-radius: 3px;
   z-index: 1;
   transform-origin: 4px 0;
-  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
+  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
 }
 
 #mobile_nav_list {
@@ -177,13 +177,13 @@ nav img {
   list-style-type: none;
   transform-origin: 0 0;
   transform: translate(-100%, 0);
-  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
+  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
 }
 
 #mobile_nav_list li {
   padding: 10px 0;
   font-size: 1.2em;
-  font-family: 'opensans-bold',sans-serif;
+  font-family: 'opensans-bold', sans-serif;
   text-align: left;
 }
 
@@ -221,7 +221,7 @@ nav img {
 
 .nav_li {
   display: inline;
-  font-family: 'minecraft-title',sans-serif;
+  font-family: 'minecraft-title', sans-serif;
   color: #333333;
   position: relative;
 }
@@ -249,7 +249,7 @@ nav img {
   transition-delay: 0.1s;
   font-size: 0.9em;
   min-width: 160px;
-  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
   z-index: 1;
   text-align: left;
   width: 200px;
@@ -312,7 +312,7 @@ nav img {
   content: '';
   width: 44px;
   height: 44px;
-  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
+  box-shadow: 0 0 0 0 rgba(255, 255, 255, .1);
   border-radius: 100%;
   opacity: 0;
   -webkit-animation: sdb03 3s infinite;
@@ -330,7 +330,7 @@ nav img {
   }
 
   60% {
-    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
+    box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
     opacity: 0;
   }
 
@@ -349,7 +349,7 @@ nav img {
   }
 
   60% {
-    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
+    box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
     opacity: 0;
   }
 
@@ -359,13 +359,13 @@ nav img {
 }
 
 @-moz-document url-prefix() {
-  .dropdown2{
+  .dropdown2 {
     top: 12px;
   }
 }
 
 @supports (-ms-ime-align:auto) {
-  .dropdown2{
+  .dropdown2 {
     top: 0;
   }
 }

frontend/src/app/header/header.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { HeaderComponent } from './header.component';
+import {HeaderComponent} from './header.component';
 
 describe('HeaderComponent', () => {
   let component: HeaderComponent;
@@ -10,7 +10,7 @@ describe('HeaderComponent', () => {
     await TestBed.configureTestingModule({
       imports: [HeaderComponent]
     })
-    .compileComponents();
+      .compileComponents();
 
     fixture = TestBed.createComponent(HeaderComponent);
     component = fixture.componentInstance;

frontend/src/app/header/header.component.ts

@@ -10,9 +10,9 @@ import {ALTITUDE_VERSION} from '../constant';
 export class HeaderComponent {
   @Input() title: string = '';
   @Input() sub_title: string = '';
-  @Input() current_page: string = ''
+  @Input() current_page: string = '';
 
-  public active: string = ''
+  public active: string = '';
 
   @HostListener('window:scroll', [])
   onWindowScroll(): void {
@@ -27,7 +27,7 @@ export class HeaderComponent {
   scrollToSection(): void {
     const element = document.getElementById('scrollingpoint');
     if (element) {
-      element.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      element.scrollIntoView({behavior: 'smooth', block: 'start'});
     } else {
       console.error('Element with id "scrollingpoint" not found.');
     }