Wrap whole client app in spectrum classes to reduce dependency on spectrum wrapper around any spectrum components in client app

packages/client/src/components/ClientApp.svelte

@@ -39,8 +39,18 @@
 </script>
 
 {#if loaded && $screenStore.activeLayout}
-  <Provider key="user" data={$authStore} {actions}>
+  <div lang="en" dir="ltr" class="spectrum spectrum--medium spectrum--light">
-    <Component definition={$screenStore.activeLayout.props} />
+    <Provider key="user" data={$authStore} {actions}>
-    <NotificationDisplay />
+      <Component definition={$screenStore.activeLayout.props} />
-  </Provider>
+      <NotificationDisplay />
+    </Provider>
+  </div>
 {/if}
+
+<style>
+  div {
+    background: transparent;
+    height: 100%;
+    position: relative;
+  }
+</style>