feat: build dark fantasy application shell

apps/web/src/app/layout/side-navigation/side-navigation.component.html

@@ -0,0 +1,53 @@
+<nav class="side-navigation" aria-label="Spielnavigation">
+  <button
+    class="side-navigation__item side-navigation__item--active"
+    type="button"
+    routerLink="/world"
+    data-navigation="world"
+    aria-current="page"
+  >
+    <img src="/images/hud/MapsIcon.png" alt="" />
+    <span>Karte</span>
+  </button>
+
+  <button
+    class="side-navigation__item"
+    type="button"
+    data-navigation="hunt"
+    disabled
+    aria-label="Jagd ist noch nicht verfügbar"
+  >
+    <img src="/images/hud/HuntIcon.png" alt="" />
+    <span>Jagd</span>
+  </button>
+  <button
+    class="side-navigation__item"
+    type="button"
+    data-navigation="quests"
+    disabled
+    aria-label="Quests sind noch nicht verfügbar"
+  >
+    <img src="/images/hud/QuestsIcon.png" alt="" />
+    <span>Quests</span>
+  </button>
+  <button
+    class="side-navigation__item"
+    type="button"
+    data-navigation="inventory"
+    disabled
+    aria-label="Inventar ist noch nicht verfügbar"
+  >
+    <img src="/images/hud/InventoryIcon.png" alt="" />
+    <span>Inventar</span>
+  </button>
+  <button
+    class="side-navigation__item"
+    type="button"
+    data-navigation="character"
+    disabled
+    aria-label="Charakter ist noch nicht verfügbar"
+  >
+    <img src="/images/hud/CharacterIcon.png" alt="" />
+    <span>Charakter</span>
+  </button>
+</nav>