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/socials/socials.component.html

@@ -0,0 +1,46 @@
+<ng-container>
+  <app-header [current_page]="'socials'" height="300px" background_image="/public/img/backgrounds/trees.jpg"
+              [overlay_gradient]="0.5">>
+    <div class="title" header-content>
+      <h1 class="titleColor">Altitude Socials</h1>
+    </div>
+  </app-header>
+
+  <main>
+    <section class="darkmodeSection">
+      <div class="socialContainer" style="padding-top: 50px;">
+        <a href="https://discord.com/invite/alttd">
+          <img class="socialIcon" ngSrc="/public/img/logos/discordsocial.png"
+               title="discord.gg/alttd" alt="Altitude Discord" height="150"
+               width="150" style="width: 150px;">
+        </a>
+        <a href="https://www.tiktok.com/@alttdmc">
+          <img class="socialIcon" ngSrc="/public/img/logos/tiktoksocial.png"
+               title="alttdmc" alt="Altitude TikTok" height="150" width="150"
+               style="width: 150px;">
+        </a>
+      </div>
+      <div class="socialContainer">
+        <a href="https://www.instagram.com/alttdmc/">
+          <img class="socialIcon"
+               ngSrc="/public/img/logos/instagramsocial.png"
+               title="alttdmc" alt="Altitude Instagram" height="150"
+               width="150" style="width: 150px;">
+        </a>
+        <a href="https://twitter.com/alttdmc">
+          <img class="socialIcon" ngSrc="/public/img/logos/twittersocial.png"
+               title="alttdmc" alt="Altitude Twitter. Yes, Twitter. Not X."
+               height="150" width="150"
+               style="width: 150px;">
+        </a>
+      </div>
+      <div class="socialContainer" style="padding-bottom: 50px;">
+        <a href="https://www.youtube.com/c/alttd">
+          <img class="socialIcon" ngSrc="/public/img/logos/youtubesocial.png"
+               title="Altitude Community" alt="Altitude YouTube" height="150"
+               width="150" style="width: 150px;">
+        </a>
+      </div>
+    </section>
+  </main>
+</ng-container>