Create stories for layout testing (#2722)

* Inject services with useContext

* Extract service for video settings

* Create mock factories for services

* Create test data for chat history

* Add story to visualize different layouts

* Fix renaming mistake

* Add landscape and portrait viewports

* Add landscape stories

---------

Co-authored-by: Gabe Kangas <gabek@real-ity.com>

web/services/status-service.mock.ts

@@ -0,0 +1,13 @@
+import { ServerStatus } from '../interfaces/server-status.model';
+import { ServerStatusStaticService } from './status-service';
+
+export const serverStatusServiceMockOf = (
+  serverStatus: ServerStatus,
+): ServerStatusStaticService =>
+  class ServerStatusServiceMock {
+    public static async getStatus(): Promise<ServerStatus> {
+      return serverStatus;
+    }
+  };
+
+export default serverStatusServiceMockOf;