feat: build dark fantasy application shell

apps/web/src/app/layout/app-shell/app-shell.component.ts

@@ -0,0 +1,23 @@
+import { Component, inject } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { WorldStore } from '../../features/world/world.store';
+import { ContextPanelComponent } from '../context-panel/context-panel.component';
+import { GameFooterComponent } from '../game-footer/game-footer.component';
+import { SideNavigationComponent } from '../side-navigation/side-navigation.component';
+import { TopBarComponent } from '../top-bar/top-bar.component';
+
+@Component({
+  selector: 'app-app-shell',
+  imports: [
+    RouterOutlet,
+    TopBarComponent,
+    SideNavigationComponent,
+    GameFooterComponent,
+    ContextPanelComponent,
+  ],
+  templateUrl: './app-shell.component.html',
+  styleUrl: './app-shell.component.scss',
+})
+export class AppShellComponent {
+  protected readonly worldStore = inject(WorldStore);
+}