Rework folder structure in frontend

Pages are now grouped per group they appear in on in the header (where possible)
Utilities used by multiple pages in the project are grouped in folders such as services/pipes/etc

frontend/src/app/pages/altitude/birthdays/birthdays.component.html

@@ -0,0 +1,16 @@
+<ng-container>
+  <app-header [current_page]="'birthdays'" height="460px" background_image="/public/img/backgrounds/staff.png"
+              [overlay_gradient]="0.5">
+    <div class="title" header-content>
+      <h1>Famous Altitude Staff Birthdays</h1>
+      <h2>(and previous staff)</h2>
+    </div>
+  </app-header>
+
+  <main>
+    <section class="darkmodeSection">
+      <div class="container" style="padding: 50px 0 0 0; justify-content: center;">
+      </div>
+    </section>
+  </main>
+</ng-container>

frontend/src/app/pages/altitude/birthdays/birthdays.component.scss

@@ -0,0 +1,14 @@
+.birthdayMember {
+  width: 33%;
+  min-width: 250px;
+  padding-bottom: 50px;
+  text-align: center;
+}
+
+.birthdayMember img {
+  padding-bottom: 15px;
+}
+
+.birthdayMember p {
+  font-family: 'opensans-bold', sans-serif;
+}

frontend/src/app/pages/altitude/birthdays/birthdays.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BirthdaysComponent } from './birthdays.component';
+
+describe('BirthdaysComponent', () => {
+  let component: BirthdaysComponent;
+  let fixture: ComponentFixture<BirthdaysComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BirthdaysComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(BirthdaysComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/pages/altitude/birthdays/birthdays.component.ts

@@ -0,0 +1,19 @@
+import {Component} from '@angular/core';
+import {ScrollService} from '@services/scroll.service';
+import {CommonModule} from '@angular/common';
+import {HeaderComponent} from '@header/header.component';
+
+@Component({
+  selector: 'app-birthdays',
+  standalone: true,
+  imports: [
+    CommonModule,
+    HeaderComponent
+  ],
+  templateUrl: './birthdays.component.html',
+  styleUrl: './birthdays.component.scss'
+})
+export class BirthdaysComponent {
+  constructor(public scrollService: ScrollService) {
+  }
+}