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/client-config-service.mock.ts

@@ -0,0 +1,11 @@
+import { ClientConfig } from '../interfaces/client-config.model';
+import { ClientConfigStaticService } from './client-config-service';
+
+export const clientConfigServiceMockOf = (config: ClientConfig): ClientConfigStaticService =>
+  class ClientConfigServiceMock {
+    public static async getConfig(): Promise<ClientConfig> {
+      return config;
+    }
+  };
+
+export default clientConfigServiceMockOf;