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/video-settings-service.mock.ts

@@ -0,0 +1,12 @@
+import { VideoSettingsStaticService, VideoQuality } from './video-settings-service';
+
+export const videoSettingsServiceMockOf = (
+  videoQualities: Array<VideoQuality>,
+): VideoSettingsStaticService =>
+  class VideoSettingsServiceMock {
+    public static async getVideoQualities(): Promise<Array<VideoQuality>> {
+      return videoQualities;
+    }
+  };
+
+export default videoSettingsServiceMockOf;